React JS Tutorials for Beginners - 7 - State

[StevenDoesStuff]

This is the best react tutorial series I've ever ran across, Bucky is always simple and straightforward. Other crash courses had me downloading a lot of extra stuff and went around with technical stuff before coming back to the point.

[Combine]

Bucky, check out your voice on 0.5 speed - it's really stoned. Now I can understand the whole video without reversing. I'm just kidding. The video is great and informative! Thanks

[frankmuler]

This guy is my favorite. Tutorial are always easy to follow.

[bencroacademy]

Best explanation on state and props ever. Thanks Bucky, Miss your vids

[jimmyciaston]

First minute of this video...I fully comprehended state vs property..bucky is the man

[konstantinpetrishev]

GREAT LESSON !!!
and super simple and approachable explanation !!!
This is just my entry poinnt into React-js and front-end web-dev
GOOD WORK !!!
Thank u, Bucky.

[annahisenberg]

THANK YOU!! I've watched a few different React tutorials now, and I only now understand the difference between props and state!

[Andy-zrcx]

If the checkbox and the text does not render for anyone (in the first half of the video or any part after), it may be because getInitialState is replaced by the constructor method in ES6. To fix, simply write (ES6):


constructor(props){
super(props);
this.state = {checked:true};
}


above render()

[undertheradar]

I have to learn React for a project at work. God damnit I love this channel.

[jousireischig]

"Boom roasted there you go"....gold!

[aWiseCoder]

okay now I understand what is state and props actually . thanks lot

[lewislong]

You KILLED IT! Great job on this demo! I like the way that you built is up slowly. I still think Redux doggy do do. Meteor had better ways of handling state.

[ariellubonja]

I suggest those that want to try something on their own based on this video to

Change the script src in html from react.min.js to react.js (same with react-dom). This will give you detailed information in case of error in the console of your browser. The min is production code, and will tell you nothing useful.

[jgraves]

Boom Roasted. You should update this to redux because this is one of the better out there. good stuff man.

[GenghisDng]

These puns man: 9:54 - 'And check it out'

[javadoctor]

Hey Bucky, awesome video. Quick question, you said React watches the state so we don't have to explicitly re-render the DOM. Is it true only for the state property of the react components or does it hold true for pretty much any property of the react components. Hope that makes sense. Thanks

[AnkitKumarkapsime]

Hey Bucky, thanks for the amazing tutorial. I have a question
this <h3>checkbox is {msg}</h3> works but why not <h3>checkbox is {this.state.checked}</h3>
and vice versa for checkbox input, {this.state.checked} works but not {msg}

[HippoWithaHat]

Mine just says Attribute "defaultChecked is not allowed here" asfor it's an unknow attribute and is not gonna work

[karan_]

I use Sublime Text 3, any idea how I can make the matched brackets highlight(not underline) just like yours?

[wotanxiaozuo]

We can use this.state.checked only if this is a checkbox, right?