Rehydration

Definitions

1. The client-side process of attaching JavaScript event handlers and component state to server-rendered HTML, making a static page interactive without re-rendering the DOM from scratch. React's hydrate() walks the existing markup, reconciles it with the virtual DOM, and wires up listeners in place.

   In plain English: Taking a web page that was pre-built on the server and making it fully interactive in the browser by connecting all the JavaScript behavior to the existing HTML.

   Example: "The page loads instantly from the server HTML, then rehydration kicks in and the buttons become clickable within 200ms."

Related Terms

• Swap
• connection pool
• Hydration
• Virtual DOM
• Isomorphic
• Memo
• Next.js
• Pure Component
• Reconciliation
• Reconciler
• Relay
• Render Cycle
• RSC
• SvelteKit