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 ... |
Get Aprender patrones de diseño de JavaScript, 2ª edición now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
