React
Einführung in das serverseitige Rendering

Komponenten rendern

Es gibt zwei Optionen zum Rendern von Komponenten auf dem Server: renderToString und renderToStaticMarkup .

renderToString

Dadurch werden React-Komponenten in HTML auf dem Server dargestellt. Diese Funktion fügt den HTML-Elementen auch data-react- , sodass React on Client keine Elemente erneut darstellen muss.

import { renderToString } from "react-dom/server";
renderToString(<App />);

renderToStaticMarkup

Dadurch werden React-Komponenten als HTML- data-react- Eigenschaften von data-react- wird jedoch nicht empfohlen, Komponenten zu verwenden, die auf dem Client gerendert werden, da Komponenten neu gerendert werden.

import { renderToStaticMarkup } from "react-dom/server";
renderToStaticMarkup(<App />);