Capítulo 13. Patrones de renderizado
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
A medida que pasamos a sitios web más interactivos, creció el número de eventos gestionados y la cantidad de contenido renderizado en el lado del cliente, lo que dio lugar a SPA renderizadas principalmente en el cliente, como en el caso de React.js.
Sin embargo, las páginas web pueden ser tan estáticas o dinámicas como la función a la que sirven. Seguimos sirviendo mucho contenido estático en la web, por ejemplo, páginas de blog/noticias que puedes generar en el servidor y enviar tal cual a los clientes. El contenido estático carece de estado, no dispara eventos y no necesita rehidratación tras la renderización. Por el contrario, el contenido dinámico (botones, filtros, barra de búsqueda) debe rehidratarse con sus eventos tras la renderización. El DOM tiene que regenerarse en el lado del cliente (DOM virtual). Estas funciones de regeneración, rehidratación y gestión de eventos contribuyen al JavaScript enviado al cliente.
Un patrón de Renderizado proporciona la solución ideal para renderizar contenidos para un caso de uso determinado. Los patrones de renderizado de esta tabla son populares:
Patrones de renderizado |
|
Renderizado del lado del cliente (RSC) |
El HTML se renderiza completamente en el cliente |
Renderizado del lado del servidor (SSR) |
Renderizar dinámicamente el contenido HTML en el servidor antes de rehacerlo en ... |
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access