React Component Lifecycle - Hooks / Methods Explained

React components have several lifecycle methods that you can override to run your code at a particular time in the process. In this video, we will explore all the React Component Lifecycle methods.

--

[waqaspathan]

great video but take "hooks" out of the title, its misleading

[TricoliciSerghei]

Masterpiece example of component lifecycle! Great explanation!

[Gigatless]

It's great to see someone who actually used a thing so they can explain the things you would actually need in real world.

[PraveenKumar-lpil]

add props as param in error component..otherwise compile time issue will happen in new version React

[harunguven]

I come from The Odin Project and find this video useful! Especially for beginners.

By the way how is your Odin Project adventure going? You guys must come very close to end of Javascript course. I

[someone-on-earth]

the functional approach with useEffect() and useState() would be easier imh

[leonzchang]

thanks for the awesome video.
I use create-react-app to run the code , wondering why componentDidCatch won't show parent component but showing error

[RafaelSFTech]

Is a good pratice using methods in constructor? i think is not

[ast]

too much focus on secondary LM methods, and not enough on the primary ones

[berkekaancetinkaya]

Shouldn't you have used the prevState parameter while incrementing the state.count value? this way you are editing the state directly its not the best practice, also in Docs using prevState parameter is the best practice

[sulistyoardani]

where ignoreCase comes from? minute 09:02

[abdulghani]

Where the heck is hooks?? Misleading title 😐

[illbfastu]

Dude, this is so cool. I'm only learning JavaScript now. Just finished Vanilla JS, next up React.

[karangupta]

is somebody even watching this old tutorial, other than me?

[fytubevw]

Super clarity. Very calm and concise style, which makes the video easy to ingest.

[NotTheLastOne]

18:43 you dont have the variable error in your state but you referring to this variable and it seems to be working. how does it work?
it seems my react is not the same with your react thought I have the latest version

[sarvarkhalimov]

Amazing tutorial to grasp concepts and where/how to use lifecycle methods. Thanks for this tutorial!

[somasundaramb]

Hi,
I have a doubt on ShouldComponentUpdate method implementation. That is, if present value and future value are different, then it should re-render.right?
But, here it is not re-render

Can any guide me

[anandhegde]

if getDerivedStateFromProps is used for setting the state from props why can't it be done in constructor? We have access to props in constructor as well.

[VigneshSharma-vrs]

11:50 while explaining shouldComponentUpdate, if the currentProp which is this.props.ignoreProp is not same as nextProps meaning that the prop has changed, we request for render and update. I'm little confused here, cos your code does the opposite of what I'm thinking.
Please clarify.