Как устроен рендеринг в React.js

React использует виртуальный DOM для эффективного обновления UI. Процесс рендеринга состоит из нескольких этапов: 1. **Инициализация**: React создает виртуальное дерево DOM на основе JSX и компонентов. 2. **Рендер фаза**: React сравнивает новое виртуальное дерево с предыдущим (reconciliation). 3. **Фиксация (commit)**: Только измененные части реального DOM обновляются. Пример: ```jsx function App() { const [count, setCount] = useState(0); return ( ); } ``` При изменении состояния (`count`): 1. React создает новое виртуальное дерево 2. Сравнивает с предыдущим 3. Обновляет только текст кнопки в реальном DOM React 18+ использует concurrent rendering для приоритизации обновлений.