Как React рендерит страницу

React использует виртуальный DOM для эффективного обновления реального DOM. Процесс рендеринга включает несколько этапов: 1. **Создание виртуального DOM**: React строит легковесное представление DOM в памяти. 2. **Diffing алгоритм**: При изменении состояния/пропсов React сравнивает новое и старое дерево виртуального DOM. 3. **Реconciliation**: Определяются минимальные изменения для реального DOM. 4. **Commit фаза**: Изменения применяются к реальному DOM. Пример: ```jsx function App() { const [count, setCount] = useState(0); return ( ); } ``` При клике React: 1. Создает новое виртуальное дерево 2. Сравнивает с предыдущим 3. Обновляет только текст в `

`, а не весь компонент React 18+ использует concurrent rendering для приоритизации обновлений.