Что происходит при сверке двух DOM в reconciliation

React сравнивает текущий и новый виртуальный DOM (VDOM) поэлементно, применяя diffing-алгоритм. Процесс проходит так: 1. **Типы элементов разные** - React уничтожает старое дерево и строит новое. ```jsx // Старое: // Новое: // Component будет размонтирован и смонтирован заново ``` 2. **Типы одинаковые** - React обновляет только изменившиеся атрибуты/пропсы, сохраняя экземпляр компонента. 3. **Ключи (keys)** помогают React идентифицировать элементы при перестановках в списках. Без ключей перерендер всего списка. 4. **Компоненты** - если тип компонента тот же, React обновляет его пропсы и запускает lifecycle-методы (shouldComponentUpdate, render и т.д.). Оптимизации: React использует эвристику, что элементы одного типа на одном уровне обычно соответствуют одному компоненту в DOM.