Рет қаралды 134,602
Have you ever wondered, how does React actually work? In this video, we will explore what is really happening behind the scenes. First, we will learn about React elements, components and component instances. Then, we will move to React Reconciliation along with the Diffing algorithm, which is the very core of React. Afterwards, we will move to rendering and to the renderers themselves, looking specifically at React DOM. Finally, we will learn about the ways React communicates with the renderers.
Timestamps:
0:00 Introduction
0:35 React components, elements and component instances
5:34 Reconciliation
7:11 The Diffing algorithm
11:00 Rendering
12:23 How React communicates with the renderers
14:12 Ending
Notes:
Check what is happening behind the scenes: babeljs.io/repl
The $$typeof property: overreacted.io/why-do-react-e...
Create your own renderer: reactjs.org/docs/test-rendere...
Social Media:
►Twitter: / philip_fabianek
►LinkedIn: / philip-fabianek
►Website: www.philipfabianek.com
►GitHub: github.com/philipfabianek
Music:
Lodhi by Pali Gap / pali_gap
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/lodhi-pali-gap
Music promoted by Audio Library • Lodhi - Pali Gap (No C...
Lights Of Elysium - AERØHEAD / aerohead
Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0
Free Download / Stream: bit.ly/lights-of-elysium
Music promoted by Audio Library • Lights Of Elysium - AE...
Solace by Nomyn / nomyn
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/SolaceNomyn
Music promoted by Audio Library • Solace - Nomyn (No Cop...
#ReactJS #ReactDeepDive