Gotta do a front end web dev project for a job? What should I expect?

[Burned Verses]

Bout to receive instructions on Sunday and they said it’ll take 1-2 hours. I’m not super worried about it and I’ve been studying for the past few weeks but it’s been awhile since I built something so Im lending my ear to the coli.

They’ll have me working with React, Redux, PWAs, SCSS, Webpack, and Babel

 

[Dr. Acula]

They threw me into doing this as well recently. So... I don't have much advice except one of the first things I learned is to watch out for re-rendering loops with react. Where it will keep re-rending an element if there is something in your logic that is not correct. In my case, what it did is ended up making more than one object on the page because I had some issue with my logic in code when implementing a confirmation dialog box.

Outside of that, I can't speak much to it. shyt, I need to hear some advice and learn some things about this myself for what I'm doing too going forward.

 

[Matt504]

Bout to receive instructions on Sunday and they said it’ll take 1-2 hours. I’m not super worried about it and I’ve been studying for the past few weeks but it’s been awhile since I built something so Im lending my ear to the coli.

They’ll have me working with React, Redux, PWAs, SCSS, Webpack, and Babel

Once you have the instructions, share them here. Myself and others here have a lot of experience with React.

 

[Burned Verses]

Once you have the instructions, share them here. Myself and others here have a lot of experience with React.

So they sent the instructions late(startup shyt). Seems easy, I gotta make a counter app with a button that increases the the count # and another button that decreases it. The only thing I’m kinda unfamiliar with is automatically increasing the # once per hour between 9AM - 5PM & decreasing it from 6 PM - 8 AM.

I also have to answer what’s wrong with these components and how I would improve them.

Spoiler

class App extends React.Component {
constructor(props) {
super(props);
this.state = {
name: this.props.name || 'Anonymous'
}
}
render() {
return (
<p>Hello {this.state.name}</p>
);
}
}

class App extends React.Component {
state = { search: '' }
handleChange = event => {
/**
* This is a simple implementation of a "debounce" function,
* which will queue an expression to be called in 250ms and
* cancel any pending queued expressions. This way we can
* delay the call 250ms after the user has stoped typing.
*/
clearTimeout(this.timeout);
this.timeout = setTimeout(() => {
this.setState({
search: event.target.value
})
}, 250);
}
render() {
return (
<div>
<input type="text" onChange={this.handleChange} />
{this.state.search ? <p>Search for: {this.state.search}</p> : null}
</div>
)
}
}

 

[Matt504]

The only thing I’m kinda unfamiliar with is automatically increasing the # once per hour between 9AM - 5PM & decreasing it from 6 PM - 8 AM.

Can you give some more detail on this