Published On Premiered Jul 20, 2021
🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: https://www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycoding...
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
Get the code for my builds here: https://links.papareact.com/github
🎙️ PODCAST
https://links.papareact.com/podcast
🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter
❤️ SUPPORT
PAPA Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate
🕐 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