React JS State and Props | setState with Virtual DOM | React.JS tutorial Series Part 4

ReactJs Initializing state in Class Component and updating state with setState method. Understanding how Virtual DOM works.

code samples from this tutorial
Steps of running this code example
---------------------------------------------------------

$cd react-understanding-state-props
$npm install
$npm start

Please be my patreons on patreaon

Follow me for technology updates

Help me translate this video.

[thejones]

This is the BEST React explanation on YouTube! Yes I said it. I finally understand! Thank you so much Techsith :)

[gabrielprrd]

Man, this is by far the best React course on Youtube. Everyone just jump all details and fundamentals, but now I feel like I'm starting to really understand it.

[jayantudaipurbangalore]

For viewer if you are a beginner this is what perfect tutorial for you to understand state and props

For techsith
Good example "make me young" now 'make it in redux' Thanks

[sakshambhalla]

Undoubtedly, the best channel for Web Dev.
Keep up the good work sir and keep making such interesting playlists,
Waiting for the series..
THANKS A LOT, sir!

[mikesweeney]

i've watched a bunch of tutorials for React and this was the first one that actually got me to understand state / setState. Thanks!!!

[AmazingVideos-yspw]

Thank you being here for us..
you know i like about you is that you tell it from begin to end with great example thank you once again for being here.
love for you...

[urvishagreat]

You cleared all of doubts.. generally I do not comment, just watch and move but your explanation makes me write down comment for your amazing tutorial 👍

[wandat]

It was so valuable the way you showed points in time where the state had not changed and the hard cided example first.

[rohinikoul]

The way you teach is like 'Seedi Baat, No Bakwas' which makes it so easier for beginners to understand. Some people make it so complicated. Thank you. God Bless. Huge Fan! :)

[sandy]

Thank you so much for explaining State and props. You try to get into every detail of parts of the subject and that makes your videos appealing and interesting.

[bitannath]

You make the concepts so easy. It's always a comfort watching ur videos. Thanks Techsith.

[PrivateLeffers]

I have been learning React.js this week and have been struggling with props and state. After 10+ videos I find you have explained this the best by far. Good video

[panchaksharipm]

Came across many other tutorials, but couldn't learn as much as I learnt here. Thank you!

[ieshamusgrove]

I love your explanations. I'm in a coding bootcamp right now and I use your videos as a supplement to lectures.

[AmanVerma-ptco]

The best tutorial on youtube as the explanation is so deep and clear that I don't even need to look or search it again

[ИльяВеличко-цу]

I just wanna say THANK you because you're a great tutor and your video lessons help me to discover the world of WebDeveloping. And have a good one.

[supriyareddy]

Very nice tutorials to understand the concepts in a simple and perfect way.I am following all of your series.Thanks a lot for the tutorials.Please continue the good work :)

[alexandrid]

This video is great, but unfortunately it contains a bug at 18:15. Two bugs actually:
1. "const tempUser = user" does not copy anything and just creates the reference to the user object, so we are effectively modifying the users array in place (but React does not detect it and UI update works because setState() triggers re-draw of everything). The block inside of map is equivalent to "user.age -= 10". The proper way to create a copy of a user object for modification would be "const tempUser = {...user}".
2. this.setState({ newState }); does not really update state, because newState is an array of users, and not the state object. If we fix #1 then we will see that age does not change. So we need to call this.setState({ users: newState }); as other commenters pointed out. (and better rename newState to newUsers to avoid this confusion).
In any case, I've learned a lot, thanks @techsith for the videos!

[mohanyadav]

This is the best React tutorial with solid explanation 👌👌. Enjoying the React series 👍

[pedrohenriquemedeirosdeoli]

A very simple and clear tutorial. Thank you for the explanations.