How Do React Hooks Actually Work? React.js Deep Dive #3

Veröffentlicht am: 20 Juni 2021
auf dem Kanal: Philip Fabianek
30,705
1.1k

In this video, we will learn how React Hooks actually work. We will do that by answering a number of questions about React Hooks. The first and most important question is Why do hooks rely on call order? (in other words Why can't they be called inside loops or conditions?). This has a lot to do with the fact that hooks are all about arrays and indexes. We will show this by reverse-engineering two of the most used React Hooks: useState and useEffect. The next question is Why isn't X a hook? The X in the question can be any hook proposition you can think of and the reason is that all React Hooks strictly follow 2 very important rules: composition and debugging. The last question we will answer is How does useState communicate with the renderer?

Timestamps:

0:00 Introduction
0:38 Why do React Hooks rely on call order?
0:53 Reverse-engineering useState hook
6:40 Reverse-engineering useEffect hook
10:42 Why isn't X a hook? (composition and debugging)
11:30 useBailout
12:59 How can useState be a part of rendering?

Social Media:

►Twitter:   / philip_fabianek  
►LinkedIn:   / philip-fabianek  
►Website: http://www.philipfabianek.com
►GitHub: https://github.com/philipfabianek

Music:

Lodhi by Pali Gap   / pali_gap​  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/lodhi-pali-gap​
Music promoted by Audio Library    • Lodhi – Pali Gap (No Copyright Music)  ​

Lights Of Elysium - AERØHEAD   / aerohead​  
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: https://bit.ly/lights-of-elysium​
Music promoted by Audio Library    • Lights Of Elysium – AERØHEAD (No Copy...  

Solace by Nomyn   / nomyn​  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/SolaceNomyn​
Music promoted by Audio Library    • Solace – Nomyn (No Copyright Music)  ​

#ReactJS #ReactHooks #ReactDeepDive


Auf dieser Seite können Sie das Online-Video How Do React Hooks Actually Work? React.js Deep Dive #3 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Philip Fabianek 20 Juni 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 30,705 Mal angesehen und es wurde von 1.1 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!