Как работает Reconciliation

Reconciliation — это процесс сравнения предыдущего и нового Virtual DOM в React для определения минимального количества изменений, необходимых для обновления реального DOM. React использует алгоритм diffing, который сравнивает деревья по уровням (по слоям), а не рекурсивно по всему дереву. **Ключевые моменты:** 1. **Тип элемента:** Если тип элемента изменился (например, с `div` на `span`), React уничтожает старое поддерево и строит новое. 2. **Ключи (keys):** При списках React использует ключи для сопоставления элементов между рендерами. Без ключей изменения могут привести к неоптимальным перерисовкам. 3. **Пропсы и состояние:** React обновляет только изменённые пропсы или состояние, не трогая неизменные части. **Пример:** ```jsx // До

• Item 1
• Item 2

// После (ключи помогают избежать полного перестроения)

• Item 2
• Item 1

``` Ключи позволяют React понять, что элементы поменялись местами, а не были удалены/созданы заново.