
Test-Driven React, 2nd Edition
Trevor Burnham
- Editorial
- The Pragmatic Programmers
- Año
- 2024
- Páginas
- ~337
- Nivel
- Intermedio
De qué trata
Segunda edición, publicada por The Pragmatic Bookshelf en 2024, del libro de Trevor Burnham (ingeniero front-end y autor de 'CoffeeScript' y 'Async JavaScript') sobre desarrollo guiado por pruebas (TDD) con React. Esta edición se revisó a fondo para incorporar TypeScript y las herramientas actuales. Está dirigida a desarrolladores con conocimientos prácticos de JavaScript o TypeScript que quieren convertir los requisitos en pruebas y trabajar con un ciclo de retroalimentación rápido dentro del editor.
El libro arranca con los principios de TDD y el ciclo rojo-verde-refactorizar usando un ejecutor de pruebas (Jest/Vitest), y luego monta un entorno integrado en VS Code con ESLint, Prettier y Wallaby para ver los resultados de las pruebas en tiempo real. Después pasa a probar componentes React con React Testing Library: marcado anidado, componentes con estado y estilos con styled-components, incluidas las instantáneas de estilos. También refactoriza con Hooks (hooks personalizados, el patrón de componente controlable, temporizadores con useEffect, useCallback y useRef) e inspecciona componentes con React DevTools. El cierre trata la integración continua, los hooks de Git con Husky y la documentación de componentes con Storybook.
La práctica avanza commit a commit: unos primeros ejercicios de calentamiento (Fizz Buzz y un detector de palíndromos) y, como proyecto central, un componente de carrusel construido íntegramente con TDD. Es breve y fácil de seguir, y sirve como buena introducción a una cadena de herramientas coherente para quien empieza con las pruebas en React. Sin embargo, dedica más espacio a las herramientas que al diseño guiado por pruebas, y apenas trata estrategias de mocking, asincronía, datos remotos o autenticación, así que los desarrolladores con experiencia en testing encontrarán poco nuevo.
- TDD
- Jest
- Vitest
- React Testing Library
- TypeScript
- ESLint
- Prettier
- Wallaby
- styled-components
- Hooks
- Husky
- Storybook
¿Cómo enseña?
Con proyectos
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Fizz Buzz y detector de palíndromos
Ejercicios iniciales para practicar el ciclo rojo-verde de TDD con el ejecutor de pruebas y el entorno integrado de VS Code con ESLint, Prettier y Wallaby.
Componente de carrusel
Carrusel de imágenes en React construido commit a commit con TDD, usando React Testing Library, styled-components y hooks personalizados con temporizadores, con integración continua, Husky y documentación en Storybook.

