React
Inleiding tot server-side rendering

Rendering componenten

Er zijn twee opties om componenten op de server te renderen: renderToString en renderToStaticMarkup .

renderToString

Hierdoor worden React-componenten omgezet naar HTML op de server. Deze functie voegt ook data-react- eigenschappen toe aan HTML-elementen, zodat React op client geen elementen opnieuw hoeft te renderen.

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

renderToStaticMarkup

Hierdoor worden React-componenten data-react- naar HTML, maar zonder data-react- eigenschappen wordt het niet aanbevolen om componenten te gebruiken die op de client worden weergegeven, omdat componenten opnieuw worden gegenereerd.

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