Какая последовательность render в React

При рендере React компонента последовательность следующая: 1. **Рендер родительского компонента** (вызов функции компонента) 2. **Рендер дочерних компонентов** (рекурсивно, сверху вниз) 3. **Коммит изменений в DOM** (React обновляет DOM) 4. **Вызов useEffect и useLayoutEffect** (useLayoutEffect синхронно перед отрисовкой, useEffect - после) Пример: ```jsx function Parent() { console.log('Render Parent'); return ; } function Child() { console.log('Render Child'); return

Content

; } // Вывод в консоли: // Render Parent // Render Child ``` Важно: сам рендер (вызов функции компонента) не означает физического обновления DOM - React сначала строит виртуальное дерево, затем сравнивает его с предыдущим (reconciliation), и только потом обновляет реальный DOM.