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-elements-have-typeof-property/
Create your own renderer: https://reactjs.org/docs/test-renderer.html

Social Media:

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

Music:

Lodhi by Pali Gap https://soundcloud.com/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 https://youtu.be/NgrCrLtRqV4​

Lights Of Elysium - AERØHEAD https://soundcloud.com/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 https://youtu.be/FyDoQB0vBZI

Solace by Nomyn https://soundcloud.com/nomyn​
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/SolaceNomyn​
Music promoted by Audio Library https://youtu.be/JY8vREZ6XYE​

#ReactJS #ReactDeepDive

Видео How Does React Actually Work? React.js Deep Dive #1 канала Philip Fabianek