Что такое рендеринг компонента в React

Рендеринг компонента в React — это процесс преобразования компонента и его дочерних элементов в DOM-узлы. React использует Virtual DOM для оптимизации этого процесса. **Как это работает:** 1. При изменении состояния (state) или пропсов (props) React запускает перерендер. 2. React сравнивает новый Virtual DOM с предыдущим (reconciliation). 3. Только изменившиеся части реального DOM обновляются (commit phase). **Пример:** ```jsx function Counter() { const [count, setCount] = useState(0); return ( ); } ``` **Нюансы:** - Рендеринг ≠ обновление DOM (может не быть изменений) - Можно оптимизировать через `React.memo`, `useMemo`, `useCallback` - Ключевые этапы: render phase и commit phase