</> CodeBooks
    ← Volver a ReactJS (página 4)
    Portada de React Application Architecture for Production

    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?

    TeóricoPráctico

    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.

    Más de ReactJS con nivel Intermedio