Как React отслеживает изменения

React использует механизм **Virtual DOM** для эффективного отслеживания изменений. При изменении состояния компонента (например, через `useState` или `setState`), React создает новую виртуальную копию DOM, сравнивает её с предыдущей (этот процесс называется **reconciliation**) и определяет минимальный набор изменений для реального DOM (**diffing algorithm**). Ключевые моменты: - React сравнивает компоненты по их типу и ключу (`key`). - Изменения применяются только к тем частям DOM, которые действительно изменились. - Для функциональных компонентов используется **hooks API**, который отслеживает зависимости (например, в `useEffect`). Пример: ```jsx function Counter() { const [count, setCount] = useState(0); return ( setCount(count + 1)}> Clicked {count} times ); } ``` Здесь при клике React пересчитывает только текст внутри кнопки, а не весь компонент.