UseEffect React Hook the complete guide: Fetch data + Dependency Array + convert class to function смотреть онлайн

In this video you will learn everything there is to know about the UseEffect React Hook. We'll take a look at how it works under the hood and what are some of the common usecases for it. We'll cover the reason for why we have a dependency array and we'll go over how we can imitate the behvaior of ComponentDidMount/ComponentDidUpdate/ComponentWillUnmount. We'll wrap things up by fetching data from an api using the useEffect hook and implementing a automatic update based on search query change.

UseEffect Hook!!!!!!!!!!!!!!!!!!

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 intro
00:57 what is a useEffect hook
03:06 Popping your useEffect hook cherry
07:56 Dependency Array
14:25 Multiple useEffect hooks & working with local storage
17:40 ComponentDidMount with useEffect hook? Empty dependency array?
20:30 UseEffect Cleanup
26:03 UseEffect Cleanup & rendering order
28:54 Fetching data with useEffect hook
37:09 fetch data on search query change : OpenBreweryDB API
46:38 Convert Class based components to functional

If you like this video please subscribe to this channel. Don't let me go hungry!
https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ?sub_confirmation=1 https://twitter.com/Sanjeev_Tea https://www.instagram.com/sanjeev_tea/

▬▬▬▬▬▬ Support this garbage Channel ? ▬▬▬▬▬▬
Patreon: https://www.patreon.com/sanjeevthiyagarajan

▬▬▬▬▬▬ Stalk me on Social Media ? ▬▬▬▬▬▬
https://twitter.com/Sanjeev_Tea
https://www.instagram.com/sanjeev_tea/
https://www.facebook.com/sanjeevkt720