ReactJS Basics - #8 State of Components

Updating and re-rendering the DOM would be nice. ReactJS uses State to - well - track the State of a Component and decide if it needs to update the DOM.

It is Part of the ReactJS Basics Series.

[johnfrades]

Man, when i'm watching your tutorials, you explain it really well and not get bored. Keep up the good work!

[thanhhoangdo]

Better teacher than 90% of my professors in college. Concise and clear explanations, simple code examples, and quick and detailed follow through of what is being written. Also love the accent :D

[davidfromnorth]

Came from React documentation to make things clear. Thanks!

[TheSpencerSymington]

Best react tutorials by far, thank you so much!

[mohamedelaammari]

had some troubles understanding those concepts for awhile but you made them very clear kudus

[bh_a]

Seriously good videos. The level of detail you go into and the examples you create are excellent - and the way you make simple what can sometimes be complex concepts is unique among others doing similar training series. Thank you. Looking forward to doing your Angular2 videos too.

[SkyPoldek]

Great videos! I subscribed!

Just one note, that I found on the official React page:
"React may batch multiple setState() calls into a single update for performance.
Because this.props and this.state may be updated asynchronously, you should not rely on their values for calculating the next state."

....

"To fix it, use a second form of setState() that accepts a
function rather than an object. That function will receive the previous
state as the first argument, and the props at the time the update is
applied as the second argument."

So in our case, the code should be like this:

this.setState((prevState, props) => ({
age: prevState.age + 3
}));

[Kluucy]

wow I have been trying to understand react basic states and props for a week and nothing was helping.. until i found your videos, thank you!

[TheTransnocho]

Hey man I just started learning react and the bootcamp im doing did so bad at the React intro (the bootcamp is amazing but the react part slacked) and I found your videos which my bootcamp references and you have helped me much lol. Thanks you!! I appreciate you putting this content out there.

[supreethms]

Hey Mindspace,
Awesome videos. Been watching only the react videos so far.
You've covered every small detail. Really great.

Will be heading on to Redux too.

[mirsasrims]

best tutorial for beginners! great work!

[turonlumpia]

I'm having trouble with the proptypes. Whenever I include it, there is no display in my DOM, its completely blank. But there is no error showing.
Please help me.

EDIT:
I solved it.
React.PropTypes is moved to prop-types now

[MaminaZvezdochka]

Ohhh finally it’s getting clear! Thanks

[musadanjuma]

Extremely genius, you changed ma mind from "oops I'm not good for React to woooowww React is soo nice to understand" thank you so much and keep doing the amazing things..

[FrancoRob]

Excellent material, your courses are really great!!! thanks a lot for all these material...

[rajithakande]

Great videos . Explanation is awesome. When can we expect rest of the videos

[OpenSourceMarketer]

Do you have plans to cover database interactions in this series? I've been studying mongoose, mobx, and Horizon (RethinkDB) all as separate solutions for working with backend data and I'm interested to hear your suggestions for getting data into a React project. Thanks in advance.

[Dgiulian]

You should have way more likes, really good content. Thank you so much!

[natesh]

I watch ur videos as a source of entertainment and knowledge. :) nice vids subbed. What more technologies u will be covering in future?

[pentsk]

You make awesome tutorials, thank you!