Fluent React : construir aplicaciones web rápidas, performantes e intuitivas

Origen y propósito

El libro parte de una idea clara: la mayoría de tutoriales enseñan a usar React, pero pocos explican cómo funciona. Esa capa intermedia — la que separa a quien usa una librería de quien piensa como su autor — es el terreno de esta obra. La motivación se resume en una sola palabra: updates. Sin una librería de UI, mantener el estado sincronizado con un DOM que cambia se vuelve frágil, verboso e inseguro cuando se multiplican los componentes y los equipos que los tocan.

Cómo leer esta wiki

El libro respeta un orden pedagógico: primero la historia, después los fundamentos del modelo de componentes, luego el motor interno y, finalmente, los frameworks y las alternativas. La wiki mantiene ese orden con pequeñas inversiones temáticas (la concurrencia va antes que los frameworks, porque RSC depende de ella).

Continuar leyendo

Bloque 1 — Historia y motivación

• El nivel de entrada — por qué existe React, el mundo pre-React (problemas de XHR, reflows, inconsistencias entre HTML/JS), el nacimiento en Facebook, la liberación como open source en 2013 y la evolución hasta los frameworks actuales.

Bloque 2 — Fundamentos del modelo de componentes

• JSX — qué es JSX realmente, por qué no es HTML, cómo se compila a React.createElement, dónde encaja como sublenguaje y qué papel juegan los fragments.
• El DOM virtual — qué problema resuelve el DOM virtual, qué son los React elements, cómo se relacionan con el DOM real y por qué el diffing sigue dando lugar a rerenders innecesarios.
• Reconciliación — qué hace render, qué es la fase de render frente a la de commit, cómo Fiber parte el trabajo en unidades interrumpibles y cómo el reconciler decide qué montar, actualizar o desmontar.

Bloque 3 — Optimización y patrones

• Optimización y rendimiento — React.memo, useMemo, useCallback, el por qué y cuándo de la memoización, React Forget como futuro de la memoización automática y carga perezosa con lazy + Suspense.
• Patrones avanzados — HOCs, Render Props, Prop Getters, State Reducers, Control Props y Compound Components: las primitivas de composición que sustentan las librerías del ecosistema (Radix, Reach UI, Headless UI, Downshift…).

Bloque 4 — Renderizado en servidor y concurrencia

• React del lado del servidor — SSR clásico, renderToString, renderToPipeableStream, hydrateRoot, los problemas de hidratación que motivan a React 18 y a los frameworks.
• React concurrente — qué problema resuelve la concurrencia, useTransition, useDeferredValue, Suspense para data fetching, time slicing y selectores como useSyncExternalStore.

Bloque 5 — Frameworks, RSC y alternativas

• Frameworks — qué problemas resuelven los frameworks (server rendering, routing, data fetching), la comparativa conceptual Remix ↔ Next.js y por qué React se posiciona como library on a framework igual que Linux se posiciona como kernel.
• Server Components y Server Actions — la arquitectura RSC, las reglas (serialización, sin hooks con efectos, sin estado mutable), Server Actions como mutaciones asíncronas y el papel del bundler.
• Alternativas a React — Vue, Angular, Solid, Qwik y Svelte; el modelo de signals y fine-grained reactivity frente al de render por componentes; por qué React responde con el toolchain Forget.
• Conclusión — el modelo mental consolidado y hacia dónde mira el ecosistema.

Mapa de dependencias entre capítulos

01 Historia  →  02 JSX  →  03 DOM virtual  →  04 Reconciliación (Fiber)
                                                       │
                                                       ▼
                                            05 Optimización y patrones
                                                       │
                                                       ▼
                                  07 SSR  ←  08 React concurrente
                                          │
                                          ▼
                                09 Frameworks (Remix/Next.js)
                                          │
                                          ▼
                  10 RSC + Server Actions (sobre concurrencia + SSR)
                                          │
                                          ▼
                                11 Alternativas (incluye signals)
                                          │
                                          ▼
                                      12 Conclusión

Próximos pasos

Empezar por la historia: El nivel de entrada.