# Hidratáció

> Az a lépés, amikor a JavaScript a böngészőben átveszi a szerveren renderelt HTML-t, és interaktívvá teszi.

A szerveroldali renderelés gyorsan olvasható tartalmat tesz a képernyőre. A hidratáció az, ami utána jön: a keretrendszer letöltődik, újrafuttatja a komponensfát, összeveti a meglévő markuppal, és rákapcsolja az eseménykezelőket. Amíg ez le nem fut, az oldal késznek látszik, de nem az: a gombok látszanak és nem csinálnak semmit, ami rosszabb élmény, mint egy őszinte töltőjel.

Két hibamódot érdemes ismerni. Az eltérés, amikor a szerver és a kliens nem ért egyet abban, minek kellene ott lennie, konzolhibát és újrarenderelést okoz — bármi, ami az aktuális időtől, egy véletlen értéktől vagy az ablaktól függ, előidézi. A túlhidratált oldal pedig olyan komponensekhez szállít interaktivitást, amiknek sosem kellett; ezért a hasznos kérdés az, hogy az oldal mely részeinek kell valóban élniük.

## Kapcsolódó fogalmak

- https://dfieldsolutions.hu/hu/fogalomtar/static-generation.md
- https://dfieldsolutions.hu/hu/fogalomtar/core-web-vitals.md
- https://dfieldsolutions.hu/hu/fogalomtar/lcp.md

---

Source: https://dfieldsolutions.hu/hu/fogalomtar/hydration
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.hu/en/contact