Как React синхронизирует состояние DOM

React использует **Virtual DOM** для эффективного обновления реального DOM. При изменении состояния компонента: 1. React создает новое виртуальное дерево (Virtual DOM). 2. Сравнивает его с предыдущим (алгоритм **Reconciliation**). 3. Вычисляет минимальный набор изменений (**diffing**). 4. Применяет только необходимые обновления к реальному DOM. Пример: ```jsx function Counter() { const [count, setCount] = useState(0); return ( setCount(count + 1)}> Clicked {count} times ); } ``` При клике React обновит только текст внутри кнопки, а не весь элемент. Для оптимизации можно использовать `key` или `React.memo`.