Building React Apps with Server-Side Rendering

Libro breve de Apress (subtítulo: «Use React, Redux, and Next to Build Full Server-Side Rendering Applications») en el que Mohit Thakkar enseña a combinar el renderizado en el cliente y en el servidor dentro de aplicaciones React usando Next.js. Corresponde al ecosistema de 2020: React 16 con hooks y Next.js en sus versiones 9.x, con el enrutador basado en la carpeta pages. Está dirigido a desarrolladores web que ya manejan JavaScript, HTML y CSS y quieren dar el paso a React, Redux y Next.js.

El primer capítulo repasa los fundamentos de JavaScript moderno (ES2015+): closures, clases y módulos, manipulación del DOM, manejo de errores, peticiones HTTP, promesas y formularios. Después presenta React: conceptos clave como la inmutabilidad, la pureza y la composición, además de hooks, JSX, componentes, estado, AJAX, opciones de estilos, Babel y Webpack. El capítulo de Next.js explica el enrutamiento, la carga dinámica, la configuración de Webpack y Babel, la obtención de datos remotos y la integración con Redux y GraphQL. Los últimos capítulos tratan las pruebas unitarias con Jest y Enzyme y el despliegue con variables de entorno, contenedores Docker y hosting.

La parte práctica consiste en construir una aplicación React sencilla, con componentes funcionales y de clase, props, CSS y Bootstrap 4, y luego añadirle renderizado en servidor con Next.js. Es una introducción compacta y bien encadenada que llega hasta las pruebas y el despliegue. Sin embargo, ha envejecido: Enzyme está abandonado, y Next.js pasó al App Router y a los React Server Components, así que conviene leerlo para entender los conceptos del SSR y no como referencia de las APIs actuales.