MENU

Fun & Interesting

Inspecting React Fiber Reconciliation: Deep Dive (Part 2)

Tejas Kumar 4,774 2 years ago
Video Not Working? Fix It Now

Last week's video: https://www.youtube.com/watch?v=rKk4XJYzSQA 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

Comment