Hydration
Hydration forbinder eksisterende HTML med applikationslogikken i browseren. Synligt indhold og fungerende interaktion skal kontrolleres hver for sig.
Forbind eksisterende HTML med applikationslogik
I webudvikling forbinder hydration allerede genereret HTML med den tilhørende klientlogik. Et framework i browseren kan derefter styre den først viste grænseflade. HTML kan eksempelvis komme fra SSR eller SSG.
I en opdigtet React-portal er produktvisningen allerede læsbar, mens logikken stadig starter. Først derefter virker den interaktive mængdevælger som forventet. En synlig knap viser derfor ikke alene, at funktionen er klar.
React forventer under hydration, at første browseroutput svarer til den leverede HTML. Forskellige startdata kan give fejl. Hydration er hverken genindlæsning af alle forretningsdata eller en automatisk garanti for hurtig betjening. Kontrollér, hvornår vigtige handlinger faktisk er klar.
Kilder
Relaterede begreber
- Server-side renderingServer-side rendering danner HTML på serveren. Aktualitet, personligt indhold og hastighed afhænger også af dataadgang og caching.
- Statisk sidegenereringStatisk sidegenerering laver sider som filer på forhånd. Ændringer i kildedata skal også nå den udgave, brugerne modtager.
- JavaScriptJavaScript er et programmeringssprog til applikationslogik i og uden for browseren. Opgaven adskiller sig fra HTML og CSS.
- LegacysystemEt eksisterende system i fortsat brug med tekniske og forretningsmæssige afhængigheder opbygget over tid.
- MultitenancyMultitenancy understøtter adskilte kunde- eller gruppeområder i samme løsning. En tenant er ikke automatisk én person eller én database.
- BrowsercacheBrowsercachen gemmer egnede HTTP-svar til senere brug. Genbrug og ny validering følger de relevante regler.
Artikler om emnet
Softwareudvikling med ASES
Skræddersyet software, web- og mobilapps