Как работает процесс рендеринга в React

React использует виртуальный DOM (VDOM) для эффективного обновления UI. Процесс рендеринга состоит из нескольких этапов: 1. **Рендер фаза**: React создает VDOM-дерево на основе текущего состояния (state и props). Это "чистый" рендер без побочных эффектов. 2. **Сравнение (Reconciliation)**: React сравнивает новое VDOM-дерево с предыдущим (diffing algorithm), определяя минимальный набор изменений. 3. **Фаза коммита**: React применяет вычисленные изменения к реальному DOM. Пример: ```jsx function Counter() { const [count, setCount] = useState(0); return ( ); } ``` При изменении состояния (`setCount`): - Создается новое VDOM-дерево - React сравнивает его с предыдущим - Обновляет только измененные части реального DOM (в данном случае текст внутри `

`) React может группировать обновления для оптимизации (батчинг).