
ReactJS Blueprints
Sven A. Robbestad
- Editorial
- Packt
- Año
- 2016
- Páginas
- ~422
- Nivel
- Intermedio
De qué trata
Guía práctica de Sven A. Robbestad, publicada por Packt en 2016, que enseña ReactJS a través de una serie de proyectos completos e independientes entre sí. Corresponde a la etapa de React 0.14/15 con componentes de clase, y está pensada para desarrolladores web que quieren crear aplicaciones con ReactJS. No exige experiencia previa con la librería, pero sí soltura con JavaScript, npm y Node.js.
El libro arranca con los conceptos de ReactJS y la preparación de un scaffold de desarrollo reutilizable, basado en npm y un servidor Node.js, que sirve de base para todos los capítulos. A partir de ahí trata el diseño de componentes pequeños y fáciles de probar, el flujo de datos en React, el diseño responsive y el enrutamiento, la conexión con APIs públicas y privadas, el uso de las APIs de hardware y HTML5 del navegador, la introducción a Redux con autenticación y restricción del acceso a invitados, las aplicaciones universales que se renderizan en el servidor y en el navegador, y el despliegue en la nube.
La práctica se reparte entre unos diez proyectos guiados, con cada fragmento de código explicado en detalle. Es un enfoque entretenido y variado que muestra React en contextos muy distintos. Sin embargo, el código y las herramientas son de 2016 y hoy están desfasados: no hay hooks y los paquetes y servicios de despliegue de la época han cambiado mucho. Conviene leerlo como fuente de ideas de proyectos más que como referencia técnica actual.
- ReactJS 15
- Scaffolding
- Componentes
- Diseño responsive
- Enrutamiento
- APIs públicas
- APIs HTML5
- Redux
- Autenticación
- Apps universales
- Despliegue en la nube
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Tienda web
Tienda en línea construida con componentes ReactJS sobre el scaffold del libro, con listado de productos y estructura de componentes de la tienda.
Aplicación responsive con rutas
Aplicación con varias vistas navegables mediante enrutamiento en el cliente, que se adapta a cualquier tamaño de pantalla.
Buscador en tiempo real
Aplicación que muestra resultados a medida que el usuario escribe, conectada a una fuente de datos externa.
Aplicación de mapas
Aplicación que combina APIs públicas de mapas con la API de geolocalización de HTML5 para mostrar información según la ubicación.
Aplicación de login con Redux
Aplicación que introduce Redux para gestionar el estado y añade una API de inicio de sesión para restringir el acceso a invitados.
Reactagram
Aplicación de fotos inspirada en Instagram que usa las APIs de hardware del navegador para capturar y gestionar imágenes.
Aplicación compartida (universal)
Aplicación que se renderiza tanto en el servidor con Node.js como en el navegador, y que después se despliega en la nube.
Juego
Juego para el navegador construido con ReactJS en el capítulo final del libro.

