How Does React State Actually Work? React.js Deep Dive #4

Published: 04 July 2021
on channel: Philip Fabianek

12,842

516

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

On this page of the site you can watch the video online How Does React State Actually Work? React.js Deep Dive #4 with a duration of hours minute second in good quality, which was uploaded by the user Philip Fabianek 04 July 2021, share the link with friends and acquaintances, this video has already been watched 12,842 times on youtube and it was liked by 516 viewers. Enjoy your viewing!

140,136

4.7K