← К глоссарию

Hydration

После SSR браузер получает HTML, а hydration “оживляет” интерфейс: добавляет обработчики, состояние и интерактивность.

Почему это важно

Hydration критична для SSR/SSG: от неё зависит интерактивность и отсутствие ошибок на клиенте.

Примеры

  • Next.js SSR + клиентские компоненты
  • Кнопка становится кликабельной после hydration

Как объяснить на собеседовании

Hydration — процесс привязки клиентского JS к уже сгенерированному сервером HTML.

Частая ошибка

Допускать расхождения серверного и клиентского рендера и ловить hydration mismatch.

Где встречается на практике

  • Next.js App Router
  • SSR-страницы маркетплейсов
  • Изоморфные приложения

Где это применять дальше

Связанные термины

© 2026 Road to JS · ИП Добрынина Екатерина Владимировна

ИНН 482425719598 · ОГРНИП 326480000011329 · qamos@bk.ru