React
Introduzione al rendering lato server

Componenti di rendering

Esistono due opzioni per eseguire il rendering dei componenti sul server: renderToString e renderToStaticMarkup .

renderToString

Questo renderà i componenti React in HTML sul server. Questa funzione aggiungerà anche proprietà di data-react- ai data-react- agli elementi HTML, quindi React sul client non dovrà più eseguire il rendering degli elementi.

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

renderToStaticMarkup

Ciò renderà i componenti di React in HTML, ma senza proprietà di data-react- , non è consigliabile utilizzare componenti che verranno sottoposti a rendering sul client, poiché i componenti verranno sottoposti a rerender.

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