React
Introduction au rendu côté serveur

Composants de rendu

Il existe deux options pour rendre les composants sur le serveur: renderToString et renderToStaticMarkup .

renderToString

Cela rendra les composants React au format HTML sur le serveur. Cette fonction ajoutera également data-react- propriétés de data-react- aux data-react- aux éléments HTML afin que React on client ne soit plus obligé de rendre les éléments.

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

renderToStaticMarkup

Cela rendra les composants React au format HTML, mais sans data-react- propriétés de data-react- , il est déconseillé d'utiliser des composants qui seront rendus sur le client, car les composants seront réexécutés.

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