
React 18 Design Patterns and Best Practices, 4th Edition
Carlos Santana Roldan
- Editorial
- Packt
- Año
- 2022
- Páginas
- ~153
- Nivel
- Intermedio
De qué trata
Cuarta edición del libro de Carlos Santana Roldán, ingeniero principal en APM Music y fundador de JS Education, sobre patrones de diseño y buenas prácticas en React. Está actualizada a React 18 y Node 19, y suma un capítulo dedicado a TypeScript y otro sobre arquitectura MonoRepo. Va dirigida a desarrolladores de nivel intermedio que conocen JavaScript y Node.js, leen sintaxis ES6 y se manejan con herramientas de línea de comandos.
El contenido se organiza en tres bloques: patrones fundamentales, cómo funciona React por dentro y aplicaciones del mundo real. Empieza con los primeros pasos en React, una introducción a TypeScript y técnicas para escribir código limpio. Después aborda los patrones de composición más populares y la comunicación entre componentes, el código específico del navegador, el estilado de componentes y los antipatrones que conviene evitar. Siguen capítulos sobre React Hooks, React Router, las novedades de React 18 y el manejo de datos. La parte final cubre el renderizado del lado del servidor, GraphQL aplicado a un proyecto real, la arquitectura MonoRepo, la optimización del rendimiento, las pruebas y la depuración, y el despliegue a producción.
Es un libro de referencia amplio: recorre casi todo el ecosistema con ejemplos de código en cada capítulo y un proyecto práctico con GraphQL. Sirve para ordenar conocimientos y conocer el vocabulario de patrones (composición, contenedor y presentación, render props, HOCs, hooks personalizados). Por su amplitud, varios temas como SSR, testing o MonoRepo se tratan de forma introductoria. Además, al ser anterior a la consolidación de los React Server Components y del App Router de Next.js, conviene complementarlo con la documentación actual.
- React 18
- TypeScript
- Patrones de composición
- Código limpio
- Antipatrones
- React Hooks
- React Router
- Manejo de datos
- SSR
- GraphQL
- MonoRepo
- Rendimiento
- Testing
- Despliegue
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Proyecto real con GraphQL
En el capítulo dedicado a GraphQL se construye un proyecto práctico que conecta una aplicación React con una API GraphQL para aplicar los conceptos de manejo de datos.

