Learning React

Primera edición de la introducción a React de Alex Banks y Eve Porcello, con el subtítulo «Functional Web Development with React and Redux». Las versiones preliminares salieron en 2016 y la edición impresa en 2017. Trabaja con la generación de React 15/16, en la que todavía se usaban componentes de clase y métodos de ciclo de vida. Es para desarrolladores web que conocen HTML, CSS y JavaScript y se acercan a React por primera vez.

Empieza con las novedades de ES6 y siguientes (let/const, funciones flecha, desestructuración, promesas, clases, módulos) y los conceptos de programación funcional en JavaScript: inmutabilidad, funciones puras, composición y funciones de orden superior. Después explica React «puro», sin JSX, con React.createElement y el DOM virtual. Sigue con JSX, Babel y webpack, props, estado y el árbol de componentes, el ciclo de vida de los componentes, y la gestión de estado con Redux y React Redux. Cierra con pruebas con Jest y Enzyme (snapshots y cobertura), enrutamiento con React Router y renderizado en el servidor (React universal/isomórfico con Express y Redux Thunk).

Como hilo conductor se construye la aplicación «Color Organizer»: primero con el estado propio de React, después con Redux, luego se prueba y al final se renderiza en el servidor. Su punto fuerte es el enfoque funcional, que ayuda a entender por qué React se diseñó así. Hoy está desactualizado: no cubre Hooks, Context moderno ni Suspense, y algunas APIs que usa (ciclo de vida antiguo, React Router v3/v4) ya están obsoletas. Conviene leer la segunda edición (2020) salvo que tengas que mantener código antiguo.