
React Application Architecture for Production, 2nd Edition
Alan Alickovic, Anthony Alicea
- Editorial
- Packt
- Año
- 2026
- Páginas
- ~380
- Nivel
- Intermedio
De qué trata
Segunda edición, publicada por Packt en 2026, de la guía en la que Alan Alickovic (ahora junto con Anthony Alicea) enseña a diseñar, construir y poner en producción aplicaciones React profesionales. No es un libro para aprender React desde cero: está pensado para desarrolladores de nivel intermedio que ya trabajan con React y TypeScript y quieren dar el salto a tomar decisiones de arquitectura en proyectos reales y que crecen con el tiempo.
Esta edición renueva por completo el stack: React Router en modo framework (el heredero de Remix), TypeScript, TanStack Query para el estado del servidor, Zustand para el estado del cliente, React Hook Form con Zod para formularios y validación, Shadcn UI como base de la librería de componentes, Vitest para pruebas unitarias y de integración y Playwright para pruebas de extremo a extremo. Los temas siguen el ciclo de vida de una aplicación: estructura del proyecto y calidad del código, una librería de componentes reutilizable, estrategias de enrutamiento y renderizado (incluidas metaetiquetas y layouts), una capa de API con tipos generados a partir de una especificación OpenAPI, gestión del estado según su tipo, pruebas, seguridad y despliegue. Se añaden capítulos nuevos de rendimiento, accesibilidad e internacionalización.
Todo se aplica sobre una aplicación de ejemplo realista que se va construyendo capítulo a capítulo. El repositorio oficial guarda una versión independiente del proyecto por capítulo, con una API de apoyo compartida desde el capítulo 5, y pide Node.js 24 o superior. Su valor está en que muestra cómo encajan las piezas de un frontend moderno y por qué se elige cada una, más que en repasar cada librería a fondo. Conviene tener soltura con hooks, TypeScript y herramientas como npm y Vite. El backend es solo un apoyo, así que no cubre el diseño de servidores ni de bases de datos.
- React Router (modo framework)
- TypeScript
- TanStack Query
- Zustand
- React Hook Form y Zod
- Shadcn UI
- OpenAPI
- Vitest
- Playwright
- Seguridad
- Rendimiento y accesibilidad
- Internacionalización
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de ejemplo lista para producción
Aplicación real que se construye a lo largo del libro con React Router en modo framework, TypeScript, TanStack Query, Zustand y Shadcn UI. Consume una API con tipos generados desde OpenAPI y se prueba con Vitest y Playwright antes de desplegarla.

