REACT JS TUTORIAL #4 - State vs Props & Application Data

You really helped clear up my confusion and gave me a much better understanding of how props and states work. Thanks so much!

my teachers lesson was nearly 2h and you explained everything much better in 10min.. its nuts, ty mate! im new to React and things can be so confusing!

Thank you so much sir ❤️

This was so helpful. Thank you!!!!

Thanks for the super duper detailed tutorial, some tutorials has no demo console with green flash lights, compare to others that's has a detaield tutorial and for your tutorial is super duper detailed. and I'm shocked that's possible to do the console green flash lights when the value is change on the setState() method

Helpful

It's kinda irrelevant now

If you are confusing about props vs state just make this question: Does x change? If not, x should not be part of state. Or/else it should be a prop.

This is a great tutorial, states and props are very confusing.

Thank you so so much for your react lectures. Your videos are even better in that they are divided into a proper amount of time and a specific sub-topic.

Just learn swiftUI guys

Amazing ! Thank you

Great

is setTimout an async call ?

Thanks it was Great !

Its helping me a lot, this great series of tutorials.
Thank you and congratulations.

props and state it somehow

I have taken multiple REACT trainings (paid and unpaid) I believe, this video series is one of the best freely available. Very precise, simple and slow paced.

nice

if a component's prop depends from its parent state and this state changes but has the same value, the best practice it's to check with lifecycle methods in the child component to avoid rerender, right?

This is actually the only video on YT that explained state and props in a way that I now actually understand the concept! Tyvm man! :)

The title variable (this.state.title) was passed from the Layout components state object to the Header component. This title variable though seems that it is a variable that does not affect only the Layout component, since it was passed to Header and influenced the Header component by becoming a Header prop. I thought that state variables should only affect the component that the state variable belongs to? Would this be bad state management?

using this.state or this.props, can anyone explain how the concept of "this" works in React, sometimes it is confusing.

Using title for multiple instances is confusing for people learning. You need to separate them out so boundaries/outlines are clear.

You can place state inside several places my brother, For all async state: componentDidMount, componentWillReceiveProps, the constructor and as a class property. The non-async is safe to place in componentWillMount. Thank you for this video

Don't have to use Constructor() anymore right?

take an object and store it in state and explain, having 1 property is super easy

Hiccup ?? How to train your Dragon??

it's pretty like java! thanks for uploading this video!

Please use better resolution next time. Its hard to follow when you flip between different JS files. It hard to see which file you jumped to/from ?

the virtualDOM is outside the browser, so where is it ? in memory ?

I heard an instructor say that when you are passing data in react it mutating from the parent DOM element. Is that correct or not?

Excellent Explanation. All Videos are great. Keep up. Thanks.

thank you for explaining

Wow you are a real teacher....

could I handle events with props? to another components

Excellent, Explanation

I really appreciate the work you put into these videos. They are very well explained and extremely helpful. Great job!!!!

Great video.

Thanks that was very usefull

I have a question regarding the git repo. It is evident that it has come along way from where the video started. But can someone assist me in understanding why the "It's Working" bit is inside the client.min.js? And how do I get it to be the version being used during the course? I see 4 branches so assuming that master might not be the correct one to use? Advice anyone?

thanks

QUESTION: If I leave all that state stuff in and try to do the prop injection to Header.js and console log from header, the console repeatedly shows the Header.js console log. Is this because of something weird happening when I call this.setState()???

This is a great explanation of why React is so powerful. I didn't get it previously. Thank you!

Liked. Logged Out. Liked from my other account.

This guy is good. Thanks