Saltar al contenido

馃帀 Material UI v5 is out! Head to the migration guide to get started.

No SSR

NoSsr quita a proposito los componentes de la materia de procesamiento del Lado del Servidor (SSR).

Este componente puede ser 煤til en una variedad de situaciones:

  • Escape hatch for broken dependencies not supporting SSR.
  • Improve the time-to-first paint on the client by only rendering above the fold.
  • Reducir el tiempo de procesamiento en el servidor.
  • Bajo demasiado pesada carga del servidor, puede activar la degradaci贸n del servicio.
  • Improve the time-to-interactive by only rendering what's important (with the defer property).

Aplazamiento del lado del cliente

Server and Client
<Box p={2} bgcolor="primary.main" color="primary.contrastText">
  Server and Client
</Box>
<NoSsr>
  <Box p={2} bgcolor="secondary.main" color="primary.contrastText">
    Client only
  </Box>
</NoSsr>

Aplazar fotograma

En su n煤cleo, el prop贸sito del componente NoSsr es diferer renderizado. Como se ilustra en la demo anterior, puede utilizarla para diferir el renderizado del servidor al cliente.

Pero tambi茅n se puede utilizar para aplazar la representaci贸n dentro del propio cliente. Puedes esperar un marco de pantalla con la propiedad diferir para renderizar los hijos. React hace 2 commits en lugar de 1.