
React Application Architecture for Production
Alan Alickovic
- Editorial
- Packt
- Año
- 2022
- Páginas
- ~309
- Nivel
- Intermedio
De qué trata
Guía práctica de Alan Alickovic, desarrollador serbio y creador del conocido repositorio de referencia «bulletproof-react», sobre cómo estructurar y llevar a producción aplicaciones React empresariales. Corresponde a la primera edición (2022–2023) y trabaja con Next.js y TypeScript. Está dirigida a desarrolladores de nivel intermedio que ya conocen JavaScript, React y desarrollo web, y que tienen al menos nociones básicas de TypeScript.
El libro empieza por la arquitectura de las aplicaciones React y la configuración de un proyecto base con Next.js. Usa una estructura de carpetas por funcionalidades (feature-based), análisis estático con ESLint y Prettier, y hooks de Git con Husky y lint-staged. Luego construye y documenta componentes con Chakra UI, Emotion y Storybook, crea páginas eligiendo la estrategia de renderizado de Next.js según lo que necesite cada una, y simula la API para prototipar, desarrollar en local y hacer pruebas. Después integra la API real, elige la solución de manejo de estado adecuada para cada problema e implementa la autenticación de usuarios y las notificaciones globales. Cierra con pruebas unitarias, de integración y end-to-end, la configuración de CI/CD con GitHub Actions, el despliegue en Vercel y un capítulo con temas para seguir avanzando.
Todo el libro gira en torno a un único ejemplo realista que se construye capítulo a capítulo, con el código de inicio y el código final de cada etapa en el repositorio oficial. Su valor está en mostrar cómo encajan las decisiones de arquitectura, herramientas y calidad en un proyecto completo, más que en enseñar APIs de React. Es breve (unas 230 páginas), así que temas como rendimiento, accesibilidad o internacionalización quedan fuera, y la segunda edición los incorpora. Además, se basa en el Pages Router de Next.js, anterior al App Router, por lo que algunas prácticas han cambiado.
- Arquitectura React
- Next.js
- TypeScript
- Estructura por funcionalidades
- Chakra UI y Emotion
- Storybook
- ESLint y Prettier
- Husky
- Mocking de API
- Autenticación
- Testing
- GitHub Actions
- Vercel
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación web empresarial con Next.js
Aplicación real que se construye capítulo a capítulo con Next.js, TypeScript, Chakra UI y una API simulada. Incluye páginas con distintas estrategias de renderizado, autenticación, notificaciones globales y pruebas, y se despliega en Vercel mediante CI/CD con GitHub Actions.

