Serverseitiges Rendern (Server Side Rendering, SSR) bezieht sich auf eine Technik, bei der eine React-Anwendung serverseitig in HTML gerendert wird. Die gerenderte HTML-Seite wird dann an den Client gesendet, wodurch die erste Benutzer-Interaktion schneller wird und die Suchmaschinenoptimierung verbessert wird.
Ein Hauptaspekt von SSR in React ist das “Hydrating”. Nachdem der Server das React-Markup gerendert und an den Client gesendet hat, muss React auf der Clientseite den tatsächlichen DOM-Baum mit den Daten aus dem servergerenderten Markup aufbauen und zum “Leben” erwecken. Dieser Prozess wird als Hydrating bezeichnet.
Nach der Hydrange-Phase ist die Anwendung interaktiv und kann auf Benutzereingaben reagieren. Für den Endbenutzer wirkt es, als ob die Anwendung sehr schnell geladen würde, da der anfängliche Render-Vorgang auf dem Server statt auf ihrem Gerät durchgeführt wird.
