Как виртуальное дерево формируется по данным Next.js полученным с сервера

Next.js использует React Server Components (RSC) для формирования виртуального дерева. При SSR/SSG: 1. Сервер рендерит компоненты в HTML строку 2. Клиент получает статический HTML + JSON с данными (__NEXT_DATA__) 3. React на клиенте "гидратирует" этот HTML, создавая виртуальное дерево, которое соответствует серверному рендеру Пример структуры данных: ```jsx // Серверный компонент async function Page() { const data = await fetchData(); return ; } // Клиент получает: { html: '

...

', rscPayload: '...serialized component tree...' } ``` Гидрация происходит автоматически - React сопоставляет серверный HTML с клиентскими компонентами, сохраняя состояние.