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.