React Tutorial #5.5 Changing State (& Virtual DOM)

Hey gang, in this React tutorial I'll explain how we can change the state of a React component using the setState method. I'll also talk a little bit about how React uses the virtual DOM to update our view in the browser.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

[stephenpeters]

OMG! Saw the .bind(this) stuff in the codecademy modules and was totally thrown off! Now it makes perfect sense! Thanks!

[dimavakatsiienko]

I am hitting a "Like" button even before video starts playing. Very clear tutorial!
p.s. nice sytax theme

[sputnikho]

You are doing an excellent job. This is a great tutorial. Thank you so much!

[paweer.]

i've never thought that I can bind callback function this way :D cheers mate

[suhaib]

Finally React! :D
Thanks for such a great tutorial..

[humayonkabir]

nice tutorial bro indeed.Also please continue and do a great project in it.

[_Yolandi]

When im doing this:

var ager = setTimeout(function(){
this.setState({
age: 35
});
}.bind(this), 5000);

I'm getting the error you said, but when I'm using an arrow function:

var ager = setTimeout(() => {
this.setState({
age: 35
});
}, 5000);

It works without binding, can you explain this to me? Thanks

[VarunRajvanshi]

what if we want to change changethe todos[0] 's value. I tried and it's asking for unrealistic syntax like : todos, [0]:newValue ? either way it's not working ..HELP

[falakejaz]

My output is not showing in the browser, I have cross checked the code.

[abaR]

Could you please change the font ?
maybe FiraCode

[limjian]

Can someone tell me if JQuery or Angular uses virtual DOM?

[amrgharz]

goddamn it man, even though i use class extends react.Component, but i clearly understand your explanation, it is a chemical relation i think hhahahaha, you brain is works like mine i guess hahaha

[gianlucapaul]

Great tutorials, but I have no idea what a "brlue-ser" is. ;-)