Как React определяет, какие DOM узлы нужно менять

React использует алгоритм согласования (reconciliation) для сравнения текущего и нового виртуального DOM. При обновлении компонента: 1. React создает новое дерево VDOM 2. Сравнивает его с предыдущим (diffing алгоритм) 3. Находит минимальный набор изменений (reconciliation) 4. Применяет только необходимые изменения к реальному DOM Ключевые правила сравнения: - Элементы разных типов заменяются полностью - При одинаковых типах обновляются только измененные атрибуты - Ключи (key) помогают React идентифицировать элементы при перемещениях Пример: ```jsx // Без key - пересоздаст все элементы

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

// С key - обновит только измененные

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

```