</> CodeBooks
    ← Volver a ReactJS (página 5)
    Portada de React Application Architecture for Production, 2nd Edition

    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?

    TeóricoPráctico

    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.

    Más de ReactJS con nivel Intermedio