Learn useEffect In 13 Minutes

🚨 IMPORTANT:

Use code KYLE for an additional $50

In this video I cover everything you need to know about the useEffect hook. I compare this hook to the old way of doing things with lifecycle methods in class components so you can understand how to start using hooks effectively in your projects. This is part of a series of React videos where I cover all the important hooks in React.

📚 Materials/References:

🧠 Concepts Covered:

- How to use hooks in React
- How to convert class lifecycle methods to function effects with useEffect
- How to use the useEffect hook

🌎 Find Me Here:

#ReactJs #WDS #useEffect

[romaniecumtehului]

I paid money for a full react course on udemy and after every hook I "learn" from there, I come to your channel to see it reexplained better. 😅

[hssozom]

I knew he was going to be good when he starred directly into my soul

[aaronmotacek]

One note at 5:00 for people newer to React. If you try to update state with setState (setResourceType in this case), but the value is the same as the current state, it won't trigger a rerender. This is because of the way the React team has chosen to implement useState (it helps to prevent unnecessary rerenders). This can become an issue when your state is an array (or an object), as you can mutate the array, try to update state, and it may not trigger a rerender because React thinks the array is the same (since the array reference is the same). You can solve this issue by using the spread operator (...) to create a truly new array or object: setState([...array]) or setState({...object}). More info on that at if you Google something like "usestate update not always triggering rerender component"

[ThatGuyAnonymous]

You have the gift of breaking down any difficult topics in a way that everyone can understand.
I wish there was a super like button on YouTube 👍

[michaelbarbarelli]

The fact that the clean-up code runs before the event listener is a key point that's rarely communicated in docs, tutorials, etc. Very well done!

[zentaitamas]

This is the most understandable explanation I’ve ever found. Good job mate and thanks.

[riturathinsharma]

You are a genius. The way you explain things and connect the dots is simply awesome. It is very easy to connect to what you explain and easily get accustomed to new technology . Great Going bro, keep it up :)

[chandrakant]

Extremely Useful, I've just picked up react and these small doses of lectures are really making the difference.
Thanx, Kyle.

[IMChristianLowe]

I'm primarily a backend/infrastructure dev and have been struggling with some very basic React concepts. I watched your useState video first and you did a fantastic job breaking it down and simplifying it so that my smooth brain could understand it. You've done a fantastic job here too. Well done!

[woodyboy]

You are the best man. So quick and easy to understand when you teach it. Can't believe I've been putting off taking the time to learn hooks when all it would have taken was a 13 minutes with you👍🏼

[learningdevelopment]

You are incredible! I'm self taught and employed as a full stack engineer, so I've been able to find some high quality tutorials on my journey. But you my friend, are truly an incredible teacher on intermediate/advanced language topics and I hope you continue to keep making these vids!

[ThiagoVieira]

Hey Kyle thank you for this new series.

I've been a rough time trying to study steadily while working from during this quarantine. This new series got me back on track. Waiting for the next episode!

[johnnielondon]

I’ve now watched a couple of your videos for different react hooks and they’re great. Really clear and to the point. Thank you Kyle

[extrouzex]

This guy is really awesome, talking too slowly but telling a lot of the topic for making it much easier, love u man 💚

[rishabhtripathi]

Kyle is the best, he explains so much things in a very time span.Other channels sometimes confuses me with so much mess.

[dimaster]

Wow, this is the best explanation I have ever seen so far. My respect.

[darwinduranalba]

dude I wish I had met this channel sooner. You're amazing

[is-sam]

You are awesome man! You explain things in a very simple and comprehensive manner, thank you :)

[Kattayopp]

Kyle, every single time I feel that I don't understand something as good as I'd want, either it's html/css/js or react, I go and search a video on that subject from you. It's been a year and a half and it worked every single time. And I want to thank you for that! You're awesome.

[marikabasagoitia]

As usual, thank you so much for your explanations. By far the best resource for web development on YouTube!