How Does React State Actually Work? React.js Deep Dive #4
In this video, we will learn how React State actually works. We will first see how React communicates with the renderer, because it is the renderer that handles the update. Later, we will explore all of the lifecycle methods related to updates, specifically getDerivedStateFromProps, shouldComponentUpdate and componentDidUpdate. We will go through them one by one and we will connect them with the 2 phases of React Fiber: the render phase and the commit phase. We will also learn about side effects and where we can place them and finally, we will go through the full update process from a higher perspective.
Timestamps:
0:00 Introduction
0:11 How React communicates with the renderer
0:44 The update itself
1:22 Two phases of updates (React Fiber)
2:17 Practical example
3:41 getDerivedStateFromProps
5:35 shouldComponentUpdate
6:56 componentDidUpdate
7:40 Going through the full update from a higher level
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 #ReactDeepDive