Hydration
Hydration verbindet im Browser vorhandenes HTML mit der zugehörigen Anwendungslogik. Sichtbarer Inhalt und funktionsfähige Interaktion sind getrennt zu prüfen.
Vorhandenes HTML mit Anwendungslogik verbinden
Hydration bezeichnet in der Webentwicklung das Verbinden bereits erzeugten HTMLs mit der zugehörigen clientseitigen Anwendungslogik. So kann eine zunächst dargestellte Oberfläche anschließend von einem Framework im Browser verwaltet werden. Das HTML kann beispielsweise aus SSR oder SSG stammen.
In einem erfundenen React-Portal ist eine Produktansicht bereits lesbar, während die zugehörige Logik noch startet. Erst danach arbeitet der interaktive Mengenwähler wie vorgesehen. Ein sichtbarer Button allein zeigt daher noch nicht, dass die Funktion bereit ist.
React erwartet bei der Hydration, dass die erste Browserausgabe zum gelieferten HTML passt. Unterschiedliche Anfangsdaten können zu Fehlern führen. Hydration ist weder das erneute Laden aller Geschäftsdaten noch eine automatische Garantie für schnelle Bedienung. Prüfen Sie die tatsächliche Bereitschaft wichtiger Aktionen.
Quellen
Verwandte Begriffe
- Server-Side RenderingServer-Side Rendering erzeugt HTML auf dem Server. Wie aktuell, persönlich oder schnell die Seite ist, hängt auch von Datenzugriff und Zwischenspeicherung ab.
- Static Site GenerationStatic Site Generation erzeugt Seiten vorab als Dateien. Änderungen an den Ausgangsdaten müssen auch in der ausgelieferten Ausgabe ankommen.
- JavaScriptJavaScript ist eine Programmiersprache für Anwendungslogik, im Browser und auch außerhalb davon. Sie hat eine andere Aufgabe als HTML oder CSS.
- Legacy-SystemEin weiter genutztes bestehendes System mit gewachsenen technischen und fachlichen Abhängigkeiten.
- MandantenfähigkeitMandantenfähigkeit erlaubt getrennte Kunden- oder Gruppenbereiche in einer Lösung. Ein Mandant ist weder automatisch eine Person noch eine Datenbank.
- Browser-CacheDer Browser-Cache speichert geeignete HTTP-Antworten für spätere Nutzung. Wiederverwendung und erneute Prüfung folgen den jeweiligen Regeln.
Beiträge zum Thema
Softwareentwicklung mit ASES
Individuelle Software, Web- und Mobile-Apps