wandres.dev
El flujo unidireccional en la web

Domina Flux y Redux
hasta nivel dios

De Flux a Redux Toolkit y la ola ligera: store, reducers, middleware, selectores, RTK Query, DevTools, y Zustand/Jotai/Valtio a fondo.

La ruta

24 niveles, de novato a dios

Cada nivel construye sobre el anterior. Sin saltos, sin huecos.

Ontología Nivel 0 · El mapa de Flux

La visión aérea: el flujo unidireccional, Redux y su toolkit, el middleware, los selectores y la ola ligera (Zustand, Jotai).

Mapa mentalFlux

El patrón Flux Nivel 1 · flujo unidireccional

Flux: el flujo de datos en una sola dirección; por qué Facebook lo creó y qué problema del MVC resolvió.

Fluxunidireccional

Redux Nivel 2 · store, actions, reducers

Redux: un único store inmutable, actions que describen qué pasó, y reducers puros; los tres principios.

Reduxreducerstore

Redux Toolkit Nivel 3 · slices y RTK Query

Redux Toolkit: createSlice, Immer integrado, createAsyncThunk, y RTK Query para el estado del servidor.

RTKcreateSlice

Middleware y efectos Nivel 4 · thunk, saga, listener

Los side effects en Redux: thunks, sagas, y el listener middleware; dónde vive lo asíncrono.

middlewarethunksaga

Selectores Nivel 5 · reselect y normalización

Leer el store con eficiencia: selectores memoizados, estado normalizado, y createEntityAdapter.

selectorsnormalizar

El post-Redux Nivel 6 · Zustand, Jotai, Valtio

La nueva ola ligera: Zustand, Jotai y Valtio; por qué Redux cayó del 57% al 38% de uso.

ZustandJotai

Cuándo Redux Nivel 7 · y las alternativas

El criterio en 2026: RTK para equipos grandes; Zustand para lo simple; y el patrón dominante con TanStack Query.

criterio2026

Redux DevTools Nivel 8 · time travel real

Las DevTools: inspeccionar cada acción, viajar en el tiempo, exportar sesiones, y por qué esto sedujo a una generación.

DevToolstime travel

RTK Query a fondo Nivel 9 · cache y tags

RTK Query en serio: endpoints, tags de invalidación, transformaciones, polling, y comparación con TanStack Query.

RTK Querytagscache

redux-saga a fondo Nivel 10 · efectos con generadores

Sagas: los efectos como objetos declarativos, take/put/call/fork, cancelación, y orquestar flujos complejos.

sagageneradorescancelar

Testing de Redux Nivel 11 · reducers y efectos

Testear el estado: reducers puros (trivial), thunks, sagas con su runner, y tests de integración con el store real.

testingreducersstore

Estructura a escala Nivel 12 · ducks y features

Organizar un Redux grande: el patrón ducks, carpetas por feature, y las fronteras entre slices.

estructuraducksfeatures

TypeScript en Redux Nivel 13 · tipar el store

Tipar Redux correctamente: RootState, AppDispatch, hooks tipados, y la inferencia que RTK regala.

TypeScriptRootStatehooks

Zustand a fondo Nivel 14 · el store minimalista

Zustand en serio: create, slices, middleware (persist, immer, devtools), selectores y el patrón de acciones.

Zustandmiddlewareslices

Jotai a fondo Nivel 15 · estado atómico

Jotai: átomos primitivos y derivados, atomFamily, atomWithStorage, suspense, y el modelo bottom-up.

Jotaiátomosderivado

Valtio y nanostores Nivel 16 · proxy y agnóstico

Valtio (proxy mutable reactivo) y nanostores (diminuto y agnóstico del framework); sus nichos.

Valtionanostoresproxy

Migrar de Redux Nivel 17 · a Zustand o RTK

Estrategias de migración incremental: convivir dos stores, migrar slice a slice, y cuándo NO migrar.

migraciónincremental

Redux fuera de React Nivel 18 · agnóstico de vista

Redux con Vue, Angular, Svelte o vanilla; y el eco del patrón en otras plataformas.

agnósticoVuevanilla

Rendimiento Nivel 19 · evitar re-renders

El coste de un store global: suscripciones granulares, selectores con igualdad, y diagnosticar renders de más.

rendimientorendersselectores

Persistencia Nivel 20 · guardar y rehidratar

Persistir el store (redux-persist, el middleware persist de Zustand): qué guardar, migraciones de versión y SSR.

persistrehidratarmigración

Patrones avanzados Nivel 21 · undo, optimista, entity

Patrones que el flujo unidireccional hace fáciles: undo/redo, actualizaciones optimistas y colecciones normalizadas.

undooptimistaentity

Errores comunes Nivel 22 · y cómo salir

Los pecados clásicos: mutar el estado, poner todo en global, guardar datos derivados, y el remedio de cada uno.

erroresrefactor

Nivel Dios: síntesis Nivel 23 · el legado de Flux

La síntesis: qué aportó Flux al pensamiento sobre estado, qué sobrevive en 2026, y cómo elegir con criterio.

síntesislegadoPhD
116lecciones
24niveles
0→∞de cero a dios

¿Listo para dominar Flux y Redux?

Empieza por los fundamentos y sube nivel a nivel hasta el dominio total.

Comenzar el camino →