Web Development

What is Hydration?

The process of attaching JavaScript event handlers to server-rendered HTML in the browser.

Definition

Hydration is the client-side process where a JavaScript framework takes over server-rendered HTML and makes it interactive. The server sends fully rendered HTML for fast initial display, then the framework 'hydrates' it by attaching event listeners and state management. Partial hydration (used by frameworks like Astro) only hydrates interactive components, reducing JavaScript sent to the browser.

Related Terms

SSR (Server-Side Rendering)CSR (Client-Side Rendering)SPA (Single-Page Application)

More in Web Development

APIREST APIGraphQLWebhookHTTPCORS
SSG (Static Site Generation)CSR (Client-Side Rendering)

Keep the references coming

One email a week: new and trending developer tools, fresh comparisons, and what shipped. Unsubscribe in one click.