Hydration
Steget där React kopplar interaktivitet till den HTML som servern redan skickat. Innan hydration syns sidan men knappar och formulär svarar inte än.
Hydration är steget som sker efter att servern skickat sin HTML till webbläsaren. React kör sin JavaScript-kod och kopplar interaktivitet — händelsehanterare, state, formulär — till de element som redan visas.
Innan hydration är klar ser sidan rätt ut men svarar inte på klick. I Next.js sker hydration automatiskt och är vanligtvis snabb, men tunga klientkomponenter kan fördröja den och ge en period där sidan ser interaktiv ut men inte är det.
React 18 och Next.js App Router introducerar selektiv hydration via Suspense: delar av sidan kan bli interaktiva innan hela sidan laddats ner, vilket förbättrar upplevd responstid markant.