Learning Patterns

Guía práctica y visual sobre patrones arquitectónicos, de diseño y de rendimiento para aplicaciones web modernas, desarrollada por Lydia Hallie y Addy Osmani (líder de ingeniería en Google Chrome). Con un enfoque en el ecosistema actual de JavaScript (ES2020+) y React (incluyendo React 18+, Hooks y React Server Components), el libro está dirigido a desarrolladores web de nivel intermedio y avanzado que ya construyen aplicaciones con React o Next.js y desean estructurar bases de código escalables, mantenibles y de alto rendimiento.

El contenido se articula en tres grandes ejes de la ingeniería web moderna. En primer lugar, aborda patrones de diseño clásicos y modernos adaptados a JavaScript y React, como Singleton, Proxy, Provider, Prototype, Observer, Module, Container/Presentational, Higher-Order Components (HOC), Render Props y Custom Hooks. En segundo lugar, explora patrones avanzados de renderizado web, analizando Client-side Rendering (CSR), Server-side Rendering (SSR), Static Site Generation (SSG), Incremental Static Regeneration (ISR), Progressive Hydration, Selective Hydration, Streaming SSR y React Server Components (RSC). Por último, detalla patrones de optimización orientados a las métricas Core Web Vitals (LCP, FID/INP, CLS), tales como bundle splitting, dynamic imports, tree shaking, virtualización de listas, Islands Architecture y directivas de carga bajo demanda (import on interaction/visibility).

En lugar de una única aplicación integral desarrollada paso a paso, la obra ilustra cada concepto mediante componentes funcionales aislados, animaciones conceptuales y entornos de ejecución interactivos en plataformas como CodeSandbox y StackBlitz. Su principal valor radica en actualizar el catálogo clásico de diseño a las realidades y paradigmas declarativos de la web actual con React y Next.js. Deja fuera el desarrollo de bases de datos y la gestión profunda de APIs backend, centrándose exclusivamente en la arquitectura y rendimiento del lado cliente y de la capa de renderizado híbrido. Es una lectura clave para desarrolladores frontend que buscan dominar la arquitectura moderna de aplicaciones web.