Перейти к основному содержимомуКак происходит полный процесс отображения интерфейса при CSR от начало до конца?
СобеседованиеРендеринг
- Запрос пользователя (клиент): браузер запрашивает страницу.
- Ответ сервера (сервер): сервер/CDN отдает минимальный HTML с корневым контейнером (<div id="root">) или server-rendered shell (в Next.js), и JS-бандл.
- Загрузка JS (клиент): браузер загружает JS-бандлы.
- Запрос данных (клиент): React выполняет fetch для динамических данных.
- Отрисовка DOM (клиент): React строит DOM в браузере.
- Переходы между страницами (клиент): роутинг выполняется на клиенте без участия сервера;
next/link может префетчить ресурсы.