How React ACTUALLY works (DEEP DIVE 2023)

Are you already working with the JavaScript framework React? Or do you want to learn it? No matter how much experience you have, this video will teach you how React work in detail! Some of the topics include, what is React, how can it be used in existing projects, how does reactivity work, how does React keep the UI in sync with the data and more.

If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.

🐦 Follow me on Twitter
https://twitter.com/0xAndriy

⏰ Timestamps
0:00 Intro - What is React and what is it not?
0:50 How to add React to (most basic way)
2:24 React in combination with other tools
3:21 What is JSX?
5:17 Downside of JSX
6:00 How React updates the DOM
6:10 Updating the DOM - 1. Trigger
8:33 Updating the DOM - 2. Render
9:11 Updating the DOM - 3. Commit
9:35 Why do we need the Virtual DOM?
10:31 React diffing algorithm
12:18 State persistence

📎 Helpful links
React Docs: https://react.dev/

🎵 Where I get my music from
Epidemic Sound: https://www.epidemicsound.com/referra...

🤝 Services I use
NordVPN - https://go.nordvpn.net/SH4vc

🎥 My gear
Monitor - Dell S3423DWC 34
https://amzn.to/3XcAXuR

Headphones - AKG K240 Studio
https://amzn.to/3J7vAZJ

Earbuds - Jabra Elite 4 Active
https://amzn.to/3Hm4k8M

Mic - HyperX SoloCast
https://amzn.to/3QLS6tg

Keyboard - Apple Magic Keyboard
https://amzn.to/3GDz9UO

Trackpad - Apple Magic Trackpad
https://amzn.to/3CQAq9P

Camera - Sony a6400
https://amzn.to/3w4d7Wf

Lens 1 - Sony 16-50mm f/3.5-5.6
https://amzn.to/3iDSk99

Lens 2 - Sony - FE 50mm F1.8 Standard Lens
https://amzn.to/3GHFheU

Lens 3 - Samyang SY12M-E-BK 12mm F2.0
https://amzn.to/3WclDgM

📬 Inquiries (Collabs, Sponsorships etc.)
frontstartdev@gmail.com