Как работает reconciliation в React

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

• Item 1
• Item 2

// После

• Item 2
• Item 1

``` React переставит элементы местами, а не пересоздаст их, благодаря ключам. Без ключей произошла бы полная перерисовка.