
Pro MERN Stack
Vasan Subramanian
- Editorial
- Apress
- Año
- 2017
- Páginas
- ~328
- Nivel
- Intermedio
De qué trata
Primera edición del libro de Vasan Subramanian sobre desarrollo full-stack con JavaScript usando el stack MERN: MongoDB, Express, React y Node.js. Publicada por Apress en 2017, trabaja con la React de esa época (componentes de clase, anterior a los hooks) y con React Router 2. Está dirigida a desarrolladores con experiencia en JavaScript y nociones de desarrollo web que quieren entender cómo encajan todas las piezas de una aplicación web moderna, del navegador a la base de datos.
El libro avanza paso a paso: empieza con un Hello World sin servidor y luego con Express, transformación JSX con Babel y ES2015; sigue con componentes React, composición, props y estado; luego construye una API REST con Express y la conecta a MongoDB mediante el driver oficial de Node.js. Después pasa a modularizar el código y empaquetarlo con Webpack (con hot module replacement y ESLint), añade enrutamiento con React Router (parámetros, query strings, rutas anidadas e historial del navegador), formularios de filtro y edición, interfaz con React-Bootstrap (tablas, paneles, formularios, alertas y modales) y renderizado del lado del servidor. El último bloque trata agregaciones de MongoDB, paginación, componentes de orden superior, barra de búsqueda, inicio de sesión con Google y manejo de sesiones.
Todo el libro gira en torno a una sola aplicación, un gestor de incidencias (Issue Tracker), que crece capítulo a capítulo; el repositorio del autor guarda cada paso en una rama, con su diff. Su valor está en mostrar la integración completa del stack y el porqué de cada herramienta, más que en profundizar en cada una. Hoy está bastante desactualizado (React Router 2, versiones antiguas de Webpack y Bootstrap, shell mongo heredado), y el propio autor la reemplazó por la segunda edición, así que tiene sobre todo interés histórico o conceptual.
- MERN
- React
- Node.js
- Express
- MongoDB
- API REST
- React Router
- Webpack
- React-Bootstrap
- Server-side rendering
- Google Sign-In
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Issue Tracker
Gestor de incidencias full-stack que se construye a lo largo de todo el libro: interfaz en React con React Router y React-Bootstrap, API REST con Express y Node.js, persistencia en MongoDB, renderizado en servidor, paginación, búsqueda e inicio de sesión con Google.

