Как в React происходит согласование деревьев

React использует алгоритм Reconciliation (согласование) для эффективного обновления DOM. При изменении состояния компонента React создает новое виртуальное дерево (Virtual DOM) и сравнивает его с предыдущим (diffing алгоритм). Ключевые принципы: 1. **Тип элемента** - если тип разный (div → span), старое дерево полностью удаляется 2. **Ключи (key)** - помогают React идентифицировать элементы при списках 3. **Эффективность** - изменения применяются только к необходимым узлам Пример с ключами: ```jsx

{items.map(item => (
• {item.text}
))}

``` React старается минимизировать операции с реальным DOM, обновляя только то, что действительно изменилось.