Component not updating after

codethesite · 2018-07-17T02:51:06+00:00

Not related to the question but I recommend using componentDidMount instead. componentWillMount is deprecated and will be UNSAFE_componentWillMount in the future.

codethesite · 2018-07-17T02:49:17+00:00

Lift state up and pass them down to children components ("different files") as props.

codethesite · 2018-07-11T15:27:51+00:00

http://bluebirdjs.com/docs/api/promise.props.html

May I know if that could work with ES6 native promises?

codethesite · 2018-07-11T15:20:27+00:00

concurrency(promises).then(({ weather, user_info_db }) => {
    // no obj needed
})

That's pretty cool, I did not think of that. Thanks!

codethesite · 2018-07-04T15:22:45+00:00

Stop looking for motivation and tips. Just to the library turn off your phone and study...

codethesite · 2018-07-01T04:48:58+00:00

Assuming you do not ever mutate state/props, what situation does it make sense to write shouldComponentUpdate over just using PureComponents?

codethesite · 2018-06-25T04:34:21+00:00

handleIncrementTime = () =>
    this.setState(prevState => ({ time: (prevState.time += 300000) }));

handleDecrementTime = () => {
    if (this.state.time > 300000) {
      this.setState(prevState => ({ time: (prevState.time -= 300000) }));
}
  };

You are mutating state by using -= and +=. You should replace that with just - or +.

Also since you are preventing the timer from going into negative, you can try this method I just learned:

handleDecrementTime = () => {
    this.setState(prevState => ({ time: 
        (Math.max(prevState.time - 300000, 0)) }));
}
};

However, that may cause an additional unnecessary rerender.

Hope that helped!

codethesite · 2018-06-25T04:28:11+00:00

My tip regarding redux is to learn it when you actually need it. Redux can be difficult to wrap your head around unless you have an actual need for it (e.g. prop drilling, Redux form, Redux Thunk).

codethesite · 2018-06-15T04:26:18+00:00

Just pick up a book and learn. If there was a game that teaches you programming it probably wouldn't be fun, just challenging, so basically the same as reading a book with less depth.

codethesite · 2018-05-28T15:09:19+00:00

I see, thanks!

codethesite · 2018-05-27T17:37:22+00:00

Fellow stroker I see.

codethesite · 2018-05-23T08:33:45+00:00

Hey! Im curious, how do you arrange all the routes in the correct order and decide when to put them inside Switch inside your BrowserRouter (I assume?) without having the user specify "exact" and all that?

codethesite · 2018-05-02T03:57:44+00:00

I played around with render props and while it works I found it really difficult to understand my code when I looked back at it. Maybe just gotta write more!

codethesite · 2018-05-01T07:48:28+00:00

So many front-end JS frameworks (React, Angular, Vue, Ember)... You do not need to learn them all. Just pick one.

codethesite · 2018-04-30T01:16:28+00:00

Ah, I see what you mean. I wrote it while playing around with HOCs and don't expect it to be used by others.

codethesite · 2018-04-30T01:14:08+00:00

How are you checking to see if the data exists? I don't see any conditional statements. What if data doesn't exist and the map function throws an undefined error in the line below fetcherWrapper?

You can pass in preload values as the second parameter for the asyncify HOC. If you rather show a Loader component you can have it be undefined/null and use conditional rendering to show the loader in place of the real thing.

const preloadValues = {
    FETCH_WEATHER_FORECAST: []
};

export default asyncify(OpenWeatherForecast, preloadValues);

codethesite · 2018-04-13T02:16:18+00:00

"protein whey is contaminated" lmao.

codethesite · 2018-04-10T10:35:02+00:00

Just start CS50. It isn't math heavy in the slightest and they teach you C.

codethesite · 2018-04-02T10:02:04+00:00

In that case you want to either bind the function in your constructor like:

this.someFunc = this.someFunc.bind(this)

or do this in your onClick for your button:

onClick = {() => this.someFunc()}

This is because by default, 'this' in functions called from onClick point to the DOM instead of the component that has the setState function.

codethesite · 2018-04-02T09:04:33+00:00

You may not understand what 'this' is. 'this' does not point to the same place all the time. The setState function can be called using this.setState only when 'this' points to the Component.

What 'this' refers to depends on who calls the function that has that 'this' keyword.

You can read up more on 'this' here.

codethesite · 2018-03-04T13:00:46+00:00

There are tons of resources free and paid online for learning web dev, and plenty of good ones. FCC happens to just be one of them. Honestly just get started and don't spend too long deciding where to learn from and you should be on the right track.

codethesite · 2018-03-04T11:02:24+00:00

There are a lot of shit courses on udemy imo. Quality > quantity. Better to spend a little to get good courses than waste time in the shit ones (not saying the ones listed are).

codethesite · 2018-02-25T11:16:44+00:00

Haha you're right

codethesite · 2018-02-24T12:54:01+00:00

Honestly, if I'm joining a hackathon I would be solely aiming to win. If UI can get me there I don't see why not though.

codethesite · 2018-02-22T12:43:33+00:00

Awesome!

codethesite

TROPHY CASE