L’hydrate de rendu côté serveur (ou Server Side Rendering Hydration également connu sous le nom de SSR Hydration) est un mécanisme dans ReactJS qui permet à une application web de devenir interactive.
Dans un premier temps, la page est rendue côté serveur, ce qui signifie que le contenu statique de la page est généré sur le serveur et envoyé au navigateur. Le navigateur peut alors afficher cette page statique à l’utilisateur sans attendre que tout le code JavaScript ait été téléchargé et exécuté.
Ensuite, une fois que le JavaScript a été téléchargé, ReactJS ‘‘hydrate’‘ cette page statique, la transformant en une application web dynamique. Cela signifie que ReactJS attache des gestionnaires d’événements aux éléments de la page, permettant ainsi à l’utilisateur d’interagir avec la page (par exemple, en cliquant sur des boutons ou en soumettant des formulaires).
L’avantage de cette approche est qu’elle permet aux utilisateurs de voir et d’interagir avec la page plus rapidement, car ils n’ont pas besoin d’attendre que tout le JavaScript soit téléchargé et exécuté avant de voir le contenu de la page.