Mastering React Reconciliation - Advanced React course, Episode 6

🎬 Episode 6: Deep dive into diffing and reconciliation in React

00:34 What's in the course
01:31 The problem we're going to solve
03:24 React reconciliation & diffing - mounting
05:45 React reconciliation & state update
08:37 Why we can't create components inside other components
09:48 The answer to the mystery
11:18 Reconciliation & arrays
12:58 Reconciliation & keys
14:47 Key & memoized list items
18:34 State reset technique
20:35 Using "key" to force reuse of an existing element
21:30 Why we don't need keys outside of arrays?

👩🏻‍💻 Code examples:

[belkocik]

Great work! This channel should be mentioned in react docs for sure 😊

[zizzz]

so far best react course for in-depth knowledge

[FranciscoBernad-vv]

This is literally the best react content head to head with information straight from Dan itself or Joshua! Can't really express how useful all your videos have been.

[trystank]

Perfect explanation. I will share all videos with my Team, this is gold !!!

[Camilvslalisa]

After two years using react, I now understand the origin of many of the bugs I have dealt with, thank you very much for sharing your knowledge.

[ОленаНехрищинюк]

The best blogger ever! I want your next.js course to watch next

[jayakumar]

Coding example along with code are easier to understand and follow. Thanks!!

[favanzzo]

you should do a complete react (video) course! love your videos. Keep it up

[davidllanes]

This is an excellent series. I hope I was able to watch these videos when I was learning react. And you are right, this is enough to understand how react manages changes in the screen, there is no need to go deeper and learn how react reconciler algorithm works (react fiber, though is pretty interesting).

Please take your time to follow this series, it’s awesome and helps you A LOT when working on a real application and trying to figure out bugs.

[mattlewandowski]

This was explained so well. I loved the progression of the explanation as you tied things together. Even just setting up a baseline with the rerender cats, before you start using them in your examples. Thanks a lot!

[guitarcrax]

What an incredibly high quality video! Learned so much and my intuition for react got a lot sharper

[Ahmad-vkro]

Thank you very much for your detailed explanations on React. You are one of, if not the best, at providing clear guidance. I truly appreciate it

[themajesticbeard]

Insanely clear and easy to follow. Great video!

[devquen]

Great job on the video! It's clear a lot of effort went into it. Keep up the good work, Nadia!

[shwetabhat]

Great video covering all the intricate details . Thank you so much . Keep growing 🎉

[alieman]

Big heart for this! Watching as the first thing in the morning. It helps to stick after read the chapter in your book. So 🎉

[juaneliasjabib]

Thanks for this info, is the best advance info that i found, your book got me a level up with react.

[dailydose]

Another excellent video, so good I watched it twice... love you and your videos

[abhisheksharma]

OMG, this is really awesome. Thanks for all the efforts!!

[oscarljimenez]

20/10 videos. Thanks for everything :)