🚨 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/dailycodingchallenges 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: null 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