Hydration
Hydration verbindt bestaande HTML met toepassingslogica in de browser. Zichtbare inhoud en werkende interactie moeten apart worden gecontroleerd.
Bestaande HTML met toepassingslogica verbinden
Bij webontwikkeling verbindt hydration eerder gemaakte HTML met de bijbehorende clientlogica. Een framework in de browser kan de aanvankelijk getoonde interface daarna beheren. De HTML kan bijvoorbeeld uit SSR of SSG komen.
In een fictief React-portaal is de productweergave al leesbaar terwijl de logica nog start. Pas daarna werkt de interactieve hoeveelheidkeuze zoals bedoeld. Alleen een zichtbare knop bewijst dus geen gereedheid.
Bij hydration verwacht React dat de eerste browseruitvoer bij de geleverde HTML past. Verschillende begingegevens kunnen fouten veroorzaken. Hydration betekent niet alle bedrijfsgegevens opnieuw laden en garandeert geen snelle bediening. Controleer wanneer belangrijke acties werkelijk klaar zijn.
Bronnen
Verwante begrippen
- Server-side renderingServer-side rendering maakt HTML op de server. Actualiteit, personalisatie en snelheid hangen ook af van gegevenstoegang en caching.
- Static site generationStatic site generation maakt pagina’s vooraf als bestanden. Wijzigingen in brongegevens moeten ook de geleverde uitvoer bereiken.
- JavaScriptJavaScript is een programmeertaal voor toepassingslogica, in en buiten de browser. De taak verschilt van die van HTML en CSS.
- LegacysysteemEen bestaand systeem dat nog wordt gebruikt, met gegroeide technische en bedrijfsafhankelijkheden.
- MultitenancyMultitenancy ondersteunt afzonderlijke klant- of groepsbereiken in één oplossing. Een tenant is niet automatisch één persoon of één database.
- BrowsercacheDe browsercache bewaart geschikte HTTP-antwoorden voor later gebruik. Hergebruik en validatie volgen de toepasselijke regels.
Artikelen over dit onderwerp
Softwareontwikkeling met ASES
Maatwerksoftware, web- en mobiele apps