Inspecting React Fiber Reconciliation: Deep Dive (Part 2)
Last week's video: • React Fiber Reconciliation: How it Wo...
DISCLAIMER
None of this is necessary to use React properly. React is perfectly approachable as is. This is just for the curious of us.
In this video, we'll be continuing our deep dive into React Fiber Reconciliation. We'll be looking at how to inspect the reconciliation process in more detail using time travel debugging in Replay (https://replay.io) to look into the past and future of your virtual DOM.
If you're interested in learning more about React Fiber Reconciliation or time travel debugging, then this video is for you! By the end of this video, you'll have a better understanding of both topics, and be able to use them to troubleshoot React Fiber Reconciliation issues in your projects.
Chapters
00:00 - Intro
01:37 - Getting into Replay
03:39 - Looking into react-dom.js
05:05 - beginWork
07:52 - completeWork
10:02 - Looking at our app's reconciliation
11:11 - Commit phase
11:56 - Conclusion
