Hydration

SSRで状態を引き渡すDehydrationの正体

SSRのDehydrationは「HTMLを渡す技術」ではなく「状態を渡す技術」です Hydrationの前に必ず存在するDehydration Hydrationとは何をしている処理なのか なぜそれだけでは動かないのか Dehydrationの仕組み サーバはHTMLと一緒に「状態」を送っている Hydrati…

Hydration mismatchが起きる本当の理由

SSRで起きるHydration mismatchとは何か まずHydrationの前提を確認する mismatchはなぜ起きるのか 代表的な原因:時刻 乱数も危険 環境依存値 非同期データ mismatchが起きると何が起きるか なぜ開発環境では起きにくいのか 対策の基本方針 1. 時刻を描画し…

SPAのHydrationとは何をしているのか

SPAにおけるHydrationの正体 まず前提:SPAは本来DOMを自分で作る SSRでは最初からHTMLが存在する Hydrationが必要になる理由 Hydrationで内部的に起きていること なぜHydrationが重いのか Hydrationが終わるまで何が起きるか よくある誤解 注意点 開発で気…