Hydratation
L’hydratation relie le HTML déjà présent à la logique applicative dans le navigateur. Affichage et interaction fonctionnelle se vérifient séparément.
Relier le HTML existant à la logique applicative
En développement Web, l’hydratation relie un HTML déjà produit à sa logique applicative côté client. Un framework dans le navigateur peut alors gérer l’interface initialement affichée. Le HTML peut notamment provenir de SSR ou SSG.
Dans un portail React fictif, une vue produit est déjà lisible alors que sa logique démarre encore. Le sélecteur interactif de quantité ne fonctionne comme prévu qu’ensuite. Un bouton visible ne prouve donc pas sa disponibilité.
Lors de l’hydratation, React attend que la première sortie du navigateur corresponde au HTML livré. Des données initiales différentes peuvent provoquer des erreurs. L’hydratation ne signifie ni recharger toutes les données métier ni garantir une interaction rapide. Vérifiez la disponibilité réelle des actions importantes.
Sources
Termes associés
- Rendu côté serveurLe rendu côté serveur produit le HTML sur le serveur. Actualité, personnalisation et vitesse dépendent aussi des données et du cache.
- Génération de site statiqueLa génération statique crée les pages à l’avance sous forme de fichiers. Les changements des sources doivent aussi atteindre la sortie diffusée.
- JavaScriptJavaScript est un langage pour la logique applicative, dans le navigateur et ailleurs. Son rôle diffère de celui de HTML et CSS.
- Système héritéUn système existant toujours utilisé, avec des dépendances techniques et métier accumulées.
- Architecture multilocataireUne solution multilocataire prévoit des périmètres distincts par client ou groupe. Un locataire n’est pas automatiquement une personne ou une base de données.
- Cache du navigateurLe cache du navigateur conserve des réponses HTTP adaptées. Réutilisation et revalidation suivent les règles applicables.
Articles sur le sujet
Développement logiciel avec ASES
Logiciels sur mesure, applications web et mobiles