SSR формирует HTML на сервере; клиентская гидратация связывает этот HTML с логикой приложения, обработчиками и состоянием.
Расскажи, как в целом работает серверный рендеринг (SSR): какие есть ключевые этапы, важные моменты. Почему происходит так, что HTML, отрендеренный на сервере, превращается в полноценное реактивное приложение на клиенте?
SSR формирует HTML на сервере; клиентская гидратация связывает этот HTML с логикой приложения, обработчиками и состоянием.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
SSR формирует HTML на сервере; клиентская гидратация связывает этот HTML с логикой приложения, обработчиками и состоянием.
Сервер получает данные, рендерит разметку и передаёт её браузеру вместе с необходимыми ресурсами. Клиент загружает JavaScript и восстанавливает интерактивность. Начальные данные и структура должны совпадать, иначе возникают hydration mismatch. Сам HTML не становится реактивным без соответствующего клиентского runtime.