🚨 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!?
Sign Up Here: https://www.papareact.com/universityofcode
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
