hydration-patterns

Hydration is the process of attaching JavaScript event handlers to server-rendered HTML, making static content interactive.

Even though content is visible, buttons don't work until hydration completes.

| Simple mental model | Large JS bundles | | Full interactivity everywhere | Slow TTI on large pages | | Framework handles everything | Wasted JS for static content |

水和、部分水和、漸進的水和、および島の構造について説明します。サーバーでレンダリングされた HTML がどのようにインタラクティブになるか、JavaScript の読み込みを最適化するか、完全なハイドレーションとアイランド アーキテクチャのどちらを選択するかを議論するときに使用します。 ソース: farming-labs/fm-skills。