React Quickly
Azat Mardan
- Editorial
- Manning
- Año
- 2017
- Páginas
- ~528
- Nivel
- Intermedio
De qué trata
Primera edición del tutorial de Manning en el que Azat Mardan, autor de varios libros sobre Node.js y Express, enseña React con muchos ejemplos y proyectos. Su subtítulo es «Painless web apps with React, JSX, Redux, and GraphQL». Corresponde a la etapa de React 15, con componentes de clase y métodos de ciclo de vida. Está pensado para desarrolladores que ya crean aplicaciones web con JavaScript y quieren empezar con React rápidamente.
La primera parte cubre los fundamentos: JSX, componentes, estado y propiedades, ciclo de vida, eventos, formularios y la reutilización de componentes, con pequeños proyectos al final. La segunda parte aborda el ecosistema de la época: empaquetado con Webpack, enrutamiento con React Router, gestión de datos con Redux y con GraphQL, pruebas unitarias con Jest y renderizado en el servidor (JavaScript universal) con Node.js y Express. Así se construyen aplicaciones completas con datos y rutas, que además se prueban y se optimizan.
Su mayor aporte es la cantidad de práctica: cada bloque termina con un proyecto que obliga a combinar lo aprendido. Sin embargo, hoy está muy desactualizado: no incluye Hooks, usa Redux sin Redux Toolkit y herramientas que han cambiado mucho. Para aprender React desde cero conviene más la segunda edición, reescrita con Morten Barklund. Esta edición sigue siendo útil para entender código heredado con clases.
- React 15
- JSX
- Componentes de clase
- Formularios
- Webpack
- React Router
- Redux
- GraphQL
- Jest
- Express
- MongoDB
- JavaScript universal
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Componente de menú
Menú construido con componentes de React para practicar JSX, propiedades y la composición de componentes.
Componente de tooltip
Tooltip interactivo que practica el estado y el manejo de eventos en componentes de React.
Componente de temporizador
Temporizador que usa el estado y los métodos de ciclo de vida para iniciar, pausar y reiniciar una cuenta.
Librería con React Router
Tienda de libros de ejemplo con varias vistas y navegación entre ellas, construida con React Router.
Verificador de contraseñas con Jest
Widget que comprueba la solidez de una contraseña, desarrollado y probado con pruebas unitarias en Jest.
Autocompletado con Jest, Express y MongoDB
Componente de autocompletado con un backend en Express y MongoDB y pruebas en Jest, que integra React en una aplicación full-stack.
