Skip to Content
Aprender patrones de diseño de JavaScript, 2ª edición
book

Aprender patrones de diseño de JavaScript, 2ª edición

by Addy Osmani
September 2024
Intermediate to advanced
298 pages
7h 23m
Spanish
O'Reilly Media, Inc.
Content preview from Aprender patrones de diseño de JavaScript, 2ª edición

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

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Estrategias de JavaScript completas

Estrategias de JavaScript completas

Milecia McGregor
Patrones de diseño de aprendizaje automático

Patrones de diseño de aprendizaje automático

Valliappa Lakshmanan, Sara Robinson, Michael Munn

Publisher Resources

ISBN: 9781098188795