Какой порядок рендера компонентов в React

React использует алгоритм реконсиляции (reconciliation) для определения порядка рендера компонентов. Порядок следующий: 1. **Сверху вниз** (от родительских к дочерним) при начальном рендере и обновлениях. 2. **Глубина в первую очередь** - React проходит всё дерево компонентов до конца перед переходом к соседним элементам. Пример: ```jsx function Parent() { console.log('Render Parent'); return ; } function Child() { console.log('Render Child'); return ; } function Grandchild() { console.log('Render Grandchild'); return null; } ``` Вывод в консоли: ``` Render Parent Render Child Render Grandchild ``` При обновлении состояния: - React рекурсивно проходит всё поддерево компонента, где произошло изменение - Если shouldComponentUpdate или React.memo возвращают false, ветка пропускается - Для функциональных компонентов с хуками порядок выполнения эффектов - снизу вверх (useEffect)