Learn the React useEffect Hook in 24 minutes (for beginners)

This video is designed to get you familiar with the React useEffect Hook where we cover topics such:

- What is the useEffect Hook?
- Different use cases for the useEffect Hook with various examples
- A clear comparison of how FUNCTIONAL components differ from CLASS based components
- What is a dependency array and how to use it, with examples
- Lifecycle functions explanations such as componentDidMount, componentDidUpdate and componentWillUnmount (and what their useEffect alternative is!)

🖥️ CODE

🎙️ PODCAST

🌍 SOCIALS:

❤️ SUPPORT

🕐 TIMESTAMPS:
00:00 Intro
00:37 Skillshare Sponsorship
02:30 Introduction to the useEffect Hook
04:04 Use Cases
04:44 Comparison to Class Based lifecycle functions
07:04 useEffect Hook Variations
08:17 Variation 1 - On Every Render
09:16 Variation 2 - componentDidMount Alternative
11:00 Variation 3 - componentDidUpdate Alternative
14:40 Variation 4 - componentWillUnmount Alternative
16:39 Cleanup Function Explanation & Example
22:29 Summary
24:17 Outro

Let’s get it PAPAFAM 🔥.

#react #useEffect #javascript

[Pochinator]

Hands down the BEST explanation on useEffect hook on YouTube. I have tried listening to other tutorials but it always goes way over my head. The way you explain it and break it down is absolutely perfect. Thank you.

[KrystianGaleczka]

Can’t wait for this React Essentials. I am really enjoying every content here. Much props from me ! 🥳🤣🔥

[theuncannyepicurean]

I had watched a lot of videos trying to grasp the concepts and this was undoubtedly the best tutorial on useEffects hook. You are a Godsend Sonny. Thanks for all the free content.

[sawangupta]

You have honed your teaching skills Sonny! Keep up the Good work.. You have no idea how much value you are adding to the dev community :) A huge thanks to you & God bless. :)

[evergreen]

Nobody explained this in such a crystal-clear manner like this 🧡
Thanks Sonny !

[Sumaila]

This is a great explanation as I didn't know exactly what to expect from this video before watching it but you really improved my understanding of the concept.

[cmefindaname]

You moved to the top of my watch list! This is the clearest and most succinct explanation I’ve seen. Thank you so much. Brilliantly explained!

[ismatullakuyliev]

I love the way you explain dude you always go in detail with killing examples which gives crystal clear visualization to anyone

[elmoutaouakkilmohammed]

you truly have an uncomparable skill at explaining things !!
thank you so much for your time, your effort and your generosity in sharing your knowledge

[cyberblitz]

Have to say that after months of building a REACT app I still could not get my head around useEffect entirely, but your explanation is the best i have come across. It makes way more sense now

[amanbhangre]

I love the way you teach man. You are the best teacher in react I can find in youtube.

[samsonbrody]

Great explanation Sonny, you have a way of breaking down complex stuff into understandable chunks!

[wetfrog]

Only been using react for around 3 weeks and this is very insightful. Thank you

[kempisabel]

excellent explanation! I loved the comparison between the class method and the arrow function method! other videos did not and their videos were hard for me to understand. thanks for making this video <3

[jsampat]

Awesome explanation! This is the perfect video for which I was searching for.

[himanshusharma]

Hands down the best explanation of useEffect on YT. Keep it up.

[keifer]

Only halfway in but had to drop a like. I've not seen a video or article breaking it down this simple with demonstrations at each step. And comments, everyone forgets those but you didn't. Ima check out more of your stuff

[nomadiccreatives]

Thanks for this my guy. You've been a solid rock in my journey to learning React. Much appreciated <3

[dinithkumudika]

i watched couple of tutorials on useEffect before this, but i weren't able to grasp idea of it 100%. Then your video help me to understand what is the purpose of useEffect and what it does perfectly

[uroojusman]

Excellent explanation! Please upload more videos on hooks and react fundamentals!