Карточка Middle React 18-19: Suspense, transitions, RSC обновлено

Ошибка гидрации

Вопрос

Что такое hydration mismatch и откуда он берётся?

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

Ответьте про себя или вслух, потом откройте ответ и сверьтесь.

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

Коротко

Расхождение HTML с сервера и первого клиентского рендера. Типичные причины: Date.now(), Math.random(), typeof window или localStorage прямо в рендере, локаль и часовой пояс.

Ответ

Расхождение HTML с сервера и первого клиентского рендера. Типичные причины: Date.now(), Math.random(), typeof window или localStorage прямо в рендере, локаль и часовой пояс. Лечат переносом клиентских значений в эффект или стабильными данными с сервера.

Разбор

Расхождение HTML с сервера и первого клиентского рендера. Типичные причины: Date.now(), Math.random(), typeof window или localStorage прямо в рендере, локаль и часовой пояс. Лечат переносом клиентских значений в эффект или стабильными данными с сервера.

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

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