Understanding the Virtual DOM
The Document Object Model (DOM) is the interface between your JavaScript code and the browser's rendering engine. Manipulating the real DOM is notoriously slow. React's Virtual DOM is the solution.
Real DOM
Slow, expensive updates
➔
Virtual DOM
Fast, in-memory updates
01 Diffing Algorithm
When the state of an application changes, updates are first applied to the Virtual DOM. A "diffing" algorithm then compares the updated Virtual DOM with the previous version to identify exactly what changed.
Reconciliation
The process of calculating changes and applying them in a single batch to the real DOM to minimize performance costs.
