Hydration

Definitions

1. The process of attaching JavaScript event handlers and state to server-rendered HTML on the client side. After SSR delivers static markup for fast initial load, hydration makes it interactive. Partial hydration and islands architecture optimize this by only hydrating interactive components.

   In plain English: Making a server-rendered web page come alive with interactivity by connecting JavaScript to the already-visible HTML.

   Example: "The page renders instantly from SSR, but buttons don't work for 2 seconds until hydration completes — we need to optimize our bundle."

Related Terms

• Islands Architecture
• Virtual DOM
• Debounce
• Throttle
• Code Splitting
• Skeleton Screen
• Responsive Images
• Critical Rendering Path
• Minification
• Nuxt
• NuxtJS
• Rehydration
• Server-Side Rendering
• SvelteKit