</> CodeBooks
    ← Volver a ReactJS (página 5)
    Portada de Test-Driven React, 2nd Edition

    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?

    TeóricoPráctico

    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.

    Más de ReactJS con nivel Intermedio