Full-Stack React Projects, 2nd Edition
Shama Hoque
- Editorial
- Packt
- Año
- 2020
- Páginas
- ~1223
- Nivel
- Intermedio
De qué trata
Segunda edición del libro de Shama Hoque (Packt, 2020) para aprender desarrollo full-stack con el stack MERN: MongoDB, Express, React y Node.js. Esta edición actualiza el código a las convenciones de entonces, sobre todo los Hooks de React y async/await en JavaScript. Está dirigida a desarrolladores JavaScript que ya han trabajado con React, pero tienen poca experiencia en el backend con Node, Express y MongoDB.
Primero prepara el entorno de desarrollo MERN y construye un esqueleto de aplicación con gestión de usuarios, autenticación con JWT, una API REST en Express y un frontend en React con React Router y Material-UI. A partir de ese esqueleto enseña técnicas cada vez más avanzadas: comunicación en tiempo real con Socket.IO, visualización de datos con gráficos de Victory, almacenamiento y transmisión de vídeo con MongoDB GridFS, y renderizado en el servidor con carga de datos para mejorar el SEO. También integra pagos en el marketplace y experiencias de realidad virtual con React 360, y termina con buenas prácticas para seguir ampliando aplicaciones MERN.
Es un libro centrado en proyectos: el esqueleto base se extiende hasta convertirse en seis aplicaciones distintas, cada una con un nuevo reto técnico. Su principal aporte es mostrar cómo una misma base MERN se adapta a dominios muy distintos. En contra, el código es extenso y repetitivo, y muchas dependencias han quedado viejas: Material-UI v4, React 360 (ya abandonado) y la configuración manual con Webpack. Además, no usa TypeScript. Conviene tener soltura con React y estar dispuesto a actualizar paquetes.
- MERN
- MongoDB
- Express
- React Hooks
- Node.js
- JWT
- Material-UI
- Socket.IO
- Victory
- GridFS
- Renderizado en servidor
- React 360
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
MERN Skeleton
Aplicación base con registro de usuarios, autenticación con JWT y una API REST en Express y MongoDB, con frontend en React. Es la plantilla de la que parten los demás proyectos.
MERN Social
Red social con perfiles, seguidores y publicaciones, construida sobre el esqueleto MERN con React y Material-UI.
MERN Classroom
Aula virtual en la que los instructores crean cursos y lecciones y los estudiantes se inscriben y siguen su avance.
MERN Marketplace (con subastas en tiempo real)
Mercado en línea con tiendas, productos, carrito y pedidos con pagos. Se amplía con pujas en tiempo real mediante Socket.IO.
MERN Expense Tracker
Aplicación de seguimiento de gastos que muestra los datos del usuario en gráficos interactivos hechos con Victory.
MERN Mediastream
Plataforma para subir y reproducir vídeos en streaming con MongoDB GridFS, con renderizado en el servidor y carga de datos para el SEO.
MERN VR Game
Juego web de realidad virtual creado con React 360 e integrado en una aplicación MERN que guarda y sirve los juegos.
