
React Anti-Patterns
Juntao Qiu
- Editorial
- Packt
- Año
- 2023
- Páginas
- ~299
- Nivel
- Intermedio
De qué trata
Libro de Juntao Qiu, desarrollador con más de 15 años de experiencia y autor de «Test-Driven Development with React» y «Maintainable React». Enseña a reconocer los antipatrones más comunes en aplicaciones React y a corregirlos mediante refactorización y desarrollo guiado por pruebas (TDD). Los ejemplos usan React (16 o superior) con TypeScript. Es adecuado para desarrolladores intermedios que ya construyen aplicaciones React y notan que su código se vuelve difícil de mantener, y también para líderes técnicos que quieren mejorar la calidad de una base de código existente.
Tras una introducción a los antipatrones y un repaso de los fundamentos de React y sus hooks, el libro trata cómo organizar una aplicación React y diseñar componentes. Luego cubre las pruebas en React, las técnicas de refactorización más habituales y una introducción práctica al TDD. La segunda mitad se ocupa del manejo de datos, la aplicación de principios de diseño (separación de responsabilidades, bajo acoplamiento, principios SOLID adaptados a componentes), los patrones de composición, entre ellos la división de código (code splitting) y los múltiples puntos de entrada, y la arquitectura en capas para separar la lógica de negocio de la interfaz.
El penúltimo capítulo reúne lo aprendido en un proyecto implementado de principio a fin, y el último repasa los principios para evitar antipatrones. Su aporte está en conectar prácticas de ingeniería de software clásicas (refactorización, TDD, arquitectura por capas) con el día a día de React, algo poco común en libros de este ecosistema. No es un libro para aprender React desde cero ni un catálogo de librerías: se centra en el diseño del código. Conviene llegar con experiencia previa en React y TypeScript y nociones básicas de testing.
- Antipatrones
- Refactorización
- TDD
- Testing en React
- Diseño de componentes
- Manejo de datos
- Principios de diseño
- Patrones de composición
- Code splitting
- Arquitectura en capas
- TypeScript
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Proyecto end-to-end
En el capítulo 12 se implementa una aplicación React completa, de principio a fin, que aplica TDD, refactorización, principios de diseño y arquitectura en capas con TypeScript.

