Техпрогон
ВойтиНачать бесплатно
Выбор ответа Senior React 18-19: Suspense, transitions, RSC обновлено

RSC и SSR

Вопрос

Чем серверные компоненты отличаются от SSR?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: SSR даёт HTML, но код уходит на гидрацию; код серверных компонентов не уходит. SSR это про первый HTML: все компоненты рендерятся на сервере, а потом тот же код скачивается и гидрируется.

Варианты ответа

  1. Ничем: это новое название SSR, появившееся в React 19 вместе с Next.js
  2. SSR даёт HTML, но код уходит на гидрацию; код серверных компонентов не уходитправильный ответ
  3. Серверные компоненты работают при статической генерации, а SSR на каждый запрос
  4. SSR не умеет стримить HTML, а RSC умеет отдавать результат по частям

Разбор

SSR это про первый HTML: все компоненты рендерятся на сервере, а потом тот же код скачивается и гидрируется. RSC это про то, где живёт компонент: серверный компонент никогда не гидрируется, в бандл не попадает, на клиент приходит только результат его рендера. Обычно эти механизмы работают вместе.

  • Это разные слои.
  • RSC работают и при динамическом рендере на каждый запрос.
  • SSR в React 18+ стримит через Suspense.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Потренироваться бесплатно

Предыдущий вопрос

Функция из серверного компонента в клиентский

Следующий вопрос

Что запускает Suspense

Урок по теме

React 18-19: Suspense, transitions, RSC, компилятор

Термины по теме

'use client'Hydration mismatchTransition в React

Ещё по теме «React 18-19: Suspense, transitions, RSC»

Все вопросы модуля