フロントエンド

ハイドレーション

はいどれーしょん

サーバー描画HTMLにJSの状態を結びつける処理。

  • #hydration
  • #rendering

サーバーサイドで描画済みのHTMLに、クライアントでJSを実行してイベントハンドラや状態を結合する工程。コストが大きいとTBT/INPに悪影響を与えるため、Islands ArchitectureやResumabilityなどで負担を軽くする工夫がされる。