Как происходит обход дерева в React

React использует алгоритм **"Depth-First Search" (DFS)** для обхода дерева компонентов. Он начинается с корневого компонента и рекурсивно проходит по всем дочерним элементам, пока не достигнет листьев. Ключевые этапы: 1. **Рендер фаза** – React создает виртуальное дерево (React Element Tree) 2. **Согласование (Reconciliation)** – сравнивает новое дерево с предыдущим (diffing algorithm) 3. **Коммит фаза** – применяет изменения к реальному DOM Пример: ```jsx function Parent() { return ( ); } function Child() { return

Hello

; } ``` Порядок обхода: `Parent` → `div` → `Child` → `p`. React всегда идет вглубь дочерних элементов перед переходом к соседним.