Hydration

Process where client-side JavaScript makes interactive an HTML that was rendered on the server. After the browser receives pre-rendered HTML (via SSR or SSG), the React/Preact framework attaches event listeners and state to existing elements. If the process is heavy, it can cause responsiveness delays (high INP). Techniques like partial hydration and islands architecture aim to minimize this cost.