DOM Reconciliation and Diffing

Hands-on practice for this lecture. Work through the exercises and quizzes to reinforce what you've learned.

1

Exercise 1 of 1

DOM Reconciliation and Diffing

Comparing arrays and making incisive DOM updates instead of wiping elements, using an updateData hook.

Before we implemented a diffing algorithm, our application threw out the entire DOM tree and recreated it from scratch on every single keystroke.

Manual Input HandlerreplaceChildren() called: 0 times
Hello !
Great job
In our naive implementation, those divs were destroyed and recreated 0 times.
Practice: DOM Reconciliation and Diffing — Interactive Exercises | Durgesh Rai