一瞬で理解するHydration

はじめに この記事の内容は、以下の動画でも解説しているので是非見てみてください！（動画の方が多分わかりやすいです！） Hydrationとは？ Hydration（ハイドレーション）とは、直訳すると「水分補給」という意味です。 フロントエンドの世界では、静的な HTML に JavaScript を結び付けてインタラクティブにするプロセスのことを指します。 例えば、React で SSR する場合を考えてみましょう。 SSR では、まずブラウザはサーバーに対して、リクエストを送信します。リクエストを受けたサーバーは、JavaScript を実行して、HTML を作り出します。そして、完成したこの HTML をブラウザに送り返します。 このとき重要なのは、受け取った HTML が "あくまでも見た目しかない" ということです。つまり、このままだと Web ページは静的で、クリックしても何も起

[shingo-sasaki-0529]

ハイドレーション、サーバーコンポーネントの登場でまたややこしい概念になってしまったよなぁ。