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

Sonny Sangha
Sonny Sangha
164.1 هزار بار بازدید - 3 سال پیش - 🚨 Join the world’s BEST
🚨 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
3 سال پیش در تاریخ 1400/04/29 منتشر شده است.
164,132 بـار بازدید شده
... بیشتر