Как рендерится компонента

Компонента рендерится в несколько этапов: 1. **Инициализация** - React создает экземпляр компонента, вызывает конструктор (если есть) и устанавливает начальное состояние. 2. **Рендер** - вызывается метод `render()`, который возвращает JSX. React преобразует его в виртуальный DOM (React элементы). 3. **Сравнение VDOM** - React сравнивает новый виртуальный DOM с предыдущим (reconciliation). 4. **Обновление реального DOM** - только измененные части реального DOM обновляются (commit phase). Пример: ```jsx class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return ; } } ``` Для функциональных компонентов используется хуки: ```jsx function Counter() { const [count, setCount] = useState(0); return ; } ``` Рендеринг может быть повторен при изменении состояния (setState) или пропсов.