How Does React Actually Work? React.js Deep Dive #1

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: https://babeljs.io/repl
The $$typeof property: https://overreacted.io/why-do-react-e...
Create your own renderer: https://reactjs.org/docs/test-rendere...

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