
ReactJS by Example
Prathamesh Sonpatki, Vipul A M
- Editorial
- Packt
- Año
- 2016
- Páginas
- ~280
- Nivel
- Intermedio
De qué trata
Libro de Packt en el que Vipul A M y Prathamesh Sonpatki enseñan React a partir de cinco proyectos, en lugar de explicar la API de forma aislada. Se publicó en abril de 2016, cuando React estaba en la versión 0.14/15, y usa JavaScript ES6, JSX y el ecosistema de la época. Está pensado para desarrolladores web que ya manejan JavaScript, HTML y CSS y quieren aprender a construir interfaces con componentes. Se puede seguir desde un nivel inicial, aunque saca más provecho quien ya tiene algo de experiencia con JavaScript moderno.
El índice va de lo básico a lo avanzado. Empieza por los fundamentos de React y una revisión a fondo de JSX, y sigue con datos, props y estado, el ciclo de vida de los componentes y la composición. Después pasa a temas más avanzados: renderizado en el servidor (React on the Server), los React Addons de la época, la optimización del rendimiento, la navegación con React Router y el trabajo con modelos de datos, las animaciones y las herramientas de desarrollo del ecosistema. Los dos últimos capítulos presentan la arquitectura Flux y su evolución hacia Redux.
Cada bloque se apoya en una aplicación concreta: un buscador de libros sobre la API de Open Library, un formulario tipo asistente de varios pasos, un buscador con renderizado en el servidor, la portada de una tienda en línea y un rastreador de redes sociales con Flux y Redux. Hoy tiene sobre todo valor histórico o conceptual. Usa patrones obsoletos (componentes de clase, mixins, addons retirados y APIs antiguas de React Router) y no trata Hooks, Context moderno ni las herramientas actuales como Vite. Conviene leerlo junto con documentación actual o elegir un título más reciente si se quiere aprender React para proyectos de hoy.
- React 15
- JSX
- ES6
- Ciclo de vida de componentes
- Renderizado en servidor
- React Router
- React Addons
- Rendimiento
- Animaciones
- Flux
- Redux
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Buscador con la API de Open Library
Primer proyecto: una aplicación que consulta la API pública de Open Library para presentar los fundamentos de React, JSX y el ciclo de vida de los componentes.
Formulario asistente de varios pasos
Formulario dividido en pasos para practicar el estado, los eventos y la comunicación entre componentes de React.
Buscador con renderizado en el servidor
Aplicación de búsqueda renderizada en el servidor con React y Node.js, para mostrar cómo se generan las vistas antes de enviarlas al navegador.
Portada de tienda en línea
Página principal de un comercio electrónico construida con modelos de datos, React Router y los React Addons, que además sirve para trabajar el rendimiento y las animaciones.
Rastreador de redes sociales
Proyecto final que organiza la aplicación con el patrón Flux y luego la migra a Redux usando ES6.

