Modern Full-Stack React Projects

Guía extensa de Daniel Bugl para dar el salto de desarrollador frontend a desarrollador full-stack con el stack MERN (MongoDB, Express, React y Node.js), que en la parte final pasa a Next.js y React Server Components. Usa Node.js 20 y herramientas actuales a 2024. Está pensada para desarrolladores que dominan JavaScript y React pero tienen poca experiencia con backend, bases de datos y despliegue.

El libro avanza por partes. Empieza con el entorno de desarrollo, Node.js y MongoDB, y sigue con un backend en Express usando Mongoose como ODM y pruebas unitarias con Jest. Después se integra un frontend en React con TanStack Query, se despliega con Docker y CI/CD, y se añade autenticación con JWT. Luego vienen el renderizado del lado del servidor para mejorar los tiempos de carga, el SEO, las pruebas end-to-end con Playwright, y la agregación y visualización de estadísticas con MongoDB y la librería de gráficos Victory. Una sección se dedica a GraphQL, con un backend con API GraphQL y Apollo Client en el frontend. Otra trata la arquitectura basada en eventos con Socket.IO y persistencia en MongoDB. La última parte cubre Next.js, React Server Components, optimizaciones avanzadas y el despliegue de una aplicación Next.js. Cierra con un capítulo sin código para seguir profundizando en el desarrollo full-stack.

Se aprende construyendo, probando y desplegando dos aplicaciones reales: un blog y un chat. Por eso cada concepto aparece dentro de un proyecto con contexto, y no como ejemplo suelto. Su gran valor es recorrer de punta a punta lo que un frontend necesita para ser autónomo: API, base de datos, autenticación, pruebas, contenedores y despliegue. A cambio, es un libro largo y cada tema se ve con amplitud más que con profundidad. Por ejemplo, el diseño avanzado de bases de datos, la seguridad o la escalabilidad de infraestructura quedan en un nivel introductorio. Conviene tener Docker Desktop y MongoDB Shell instalados y estar cómodo con la terminal y Git.