Перейти к основному содержимомуКак происходит полный процесс отображения интерфейса при PPR от начало до конца?
СобеседованиеРендеринг
- Билд (сервер): предрендеринг статической части страницы (layout, header, footer).
- Маркировка динамических частей (сервер): динамические компоненты остаются как placeholder.
- Запрос пользователя (сервер/CDN → клиент): отдается HTML shell.
- Фоновый рендеринг динамических частей (сервер): сервер рендерит динамические компоненты и отправляет поток HTML и RSC чанков (streaming).
- Постепенная отрисовка (клиент): браузер вставляет динамические части по мере их получения.
- Гидратация (клиент): React связывает DOM с интерактивностью клиентских компонентов внутри динамических частей (серверные компоненты не гидратируются).