
React Hooks in Action
John Larsen
- Editorial
- Manning
- Año
- 2021
- Páginas
- ~376
- Nivel
- Intermedio
De qué trata
Libro de Manning en el que John Larsen enseña a escribir componentes de función rápidos y reutilizables usando Hooks, con el subtítulo «With Suspense and Concurrent Mode». Se escribió en la época de React 17, cuando Suspense para datos y el modo concurrente eran todavía experimentales. Está dirigido a desarrolladores de React de nivel principiante a intermedio que conocen JavaScript moderno y quieren dominar el paradigma de Hooks.
La primera parte recorre los hooks integrados uno por uno: useState y useReducer para el estado del componente, useEffect para efectos secundarios y carga de datos, useRef, useMemo para el rendimiento y la Context API para compartir estado entre componentes. También enseña a gestionar el estado de toda la aplicación, a crear hooks personalizados y a usar hooks de terceros, como los de React Router y React Query, este último para cargar, actualizar y guardar datos en caché. La segunda parte trata la división de código con lazy y Suspense, la integración de la carga de datos con Suspense y los hooks concurrentes useTransition y useDeferredValue, además de SuspenseList.
Todo el libro gira en torno a una aplicación de reservas de recursos que se va ampliando capítulo a capítulo, lo que da contexto real a cada hook. Su punto fuerte es explicar por qué existe cada hook y cómo combinarlos. La segunda parte quedó parcialmente desactualizada: las APIs experimentales cambiaron en React 18 (SuspenseList nunca llegó a ser estable), así que conviene contrastarla con la documentación actual. La parte de Hooks sigue siendo plenamente vigente.
- React Hooks
- useState
- useReducer
- useEffect
- useRef
- useMemo
- Context API
- Custom hooks
- React Query
- Suspense
- Code splitting
- Concurrent Mode
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Aplicación de reservas de recursos
App de reservas que se construye a lo largo del libro para practicar estado local y global, efectos y carga de datos con Hooks. Luego se amplía con hooks personalizados, React Query y Suspense para la división de código y la carga de datos.

