Ecosistema

Redux es una librería pequeña, pero su API fue elegida cuidadosamente para permitir un ecosistema de herramientas y extensiones.

Para una lista completa de todo lo relacionado a Redux, recomendamos Awesome Redux. Contiene ejemplos, boilerplates, middlewares, librerías utilitarias y más.

En esta página solo mostramos algunas de ellas que los colaboradores de Redux han seleccionado personalmente ¡No dejes que eso te desaliente a probar el resto! El ecosistema esta creciendo muy rápido, y tenemos un tiempo limitado para ver y probar todo. Considera estas como "elegidas por el staff", y no dudes en enviar un PR si haces algo increible con Redux.

Aprendiendo Redux (en español)

• Introducción a Redux.js - Introducción a conceptos de Redux.js
• Combinando React.js y Redux.js - Explicación de como usar conjuntamente estas dos tecnologías.
• Middlewares en Redux.js - Explicación de como hacer middlewares propios para Redux.js
• Pruebas unitarias en Redux.js - Ejemplos de como hacer pruebas a nuestro código de Redux.js.
• Ruteo en aplicaciones de Redux y React.js - Explicación de como manejar las rutas de una aplicación hecha con Redux y React.js.
• Estructura de archivos Ducks para Redux.js - Buena práctica de como organizar creadores de acciones, reducers y tipos de acciones en módulos.
• Glosario de términos de Redux - Colección de términos usados en Redux junto a su explicación.

Aprendiendo Redux (en inglés)

Vídeos

• Getting Started with Redux - Aprende los conceptos básicos de Redux directamente de su creador (30 vídeos gratuitos)

Aplicaciones de ejemplo

• SoundRedux - Un cliente de SoundCloud hecho con Redux
• Shopping Cart (Flux Comparison) - Un ejemplo de carrito de completo de Flux Comparison

Tutoriales y artículos

• Redux Tutorial — Aprende a usar Redux paso a paso
• Redux Egghead Course Notes — Notas del curso en vídeo de Egghead
• What the Flux?! Let's Redux. — Una introducción a Redux
• A cartoon intro to Redux — Una explicación visual del flujo de datos de Redux
• Understanding Redux — Aprende los conceptos básicos de Redux
• Handcrafting an Isomorphic Redux Application (With Love) — Una guía para crear aplicaciones universales con rutas y data fetching
• Full-Stack Redux Tutorial — Una guía completa de desarrollo TDD con Redux, React e Immutable
• Understanding Redux Middleware — Una guía en profundidad de como implementar middlewares de Redux
• A Simple Way to Route with Redux — Una introducción a Redux Simple Router

Charlas

• Live React: Hot Reloading and Time Travel — Ve como las restricciones impuestas por Redux hacen hot reloading con time travel fácil
• Cleaning the Tar: Using React within the Firefox Developer Tools — Aprender como gradualmente migrar una aplicación MVC existente a Redux
• Redux: Simplifying Application State — Una introducción a la arquitectura de Redux

Usando Redux

Conexiones

• react-redux — React
• ng-redux — Angular
• ng2-redux — Angular 2
• backbone-redux — Backbone
• redux-falcor — Falcor
• deku-redux — Deku

Middleware

• redux-thunk — La forma más fácil de trabajar con acciones asíncronas
• redux-promise — Middleware de promesas compatible con FSA
• redux-rx — Utilidades de RxJS para Redux, inlcuye un middleware para Observables
• redux-logger — Registra cada acción de Redux y el siguiente estado
• redux-immutable-state-invariant — Advierto sobre modificaciones al estado en desarrollo
• redux-analytics — Middleware de analiticas para Redux
• redux-gen — Middleware de generadores para Redux
• redux-saga — Un modelo alternativo para efectos secundarios en aplicaciones de Redux

Ruteo

• react-router-redux — Manten React Router y Redux sincronizados fácilmente
• redux-router — Conecta Redux con React Router

Componentes

• redux-form — Mantén el estado de los formularios de React en Redux
• react-redux-form — Crea formularios facilmente en React con Redux

Potenciadores

• redux-batched-subscribe — Customiza batching y debouncing a los suscriptos al store
• redux-history-transitions — Transiciones basadas en History en acciones arbitrarias
• redux-optimist — Aplicac acciones que luego pueden ser revertidas
• redux-undo — Historial de acciones y deshacer/rehacer sin esfuerzo
• redux-ignore — Ignora acciones de Redux
• redux-recycle — Reinicia el estado de Redux en ciertas acciones
• redux-batched-actions — Despacha varias acciones con una sola notificación a los suscriptos
• redux-search — Automáticamente indexa recursos en un web worker y busca en ellos sin bloquear la aplicación
• redux-electron-store — Sincroniza el store de Redux entre varios procesos de Electron
• redux-loop — Ejecuta acciones de forma secuencial retornandolas desde tus reducers

Utilidades

• reselect — Selector de datos derivados eficiente inspirado por NuclearJS
• normalizr — Normaliza respuestas de API anidades para consumirlas facilmente desde un reducer
• redux-actions — Disminuye el boilerplate al escribir reducers y creadores de acciones
• redux-act — Una librería opinionada para crear acciones y reducers
• redux-transducers — Utilidades de transductores para Redux
• redux-immutable — Usado para crear un equivalente a la funcíon combineReducers que funcione con un estado de Immutable.js
• redux-tcomb — Estado y acciones immutable y tipadas
• redux-mock-store — Simula un store de Redux para probar tu aplicación

Herramientas de desarrollo

• Redux DevTools — Un logger de acciones con una UI para time travel, hot reloading y manejo de errores para reducers, mostrada por primera vez en React Europe
• Redux DevTools Extension — Una extensión de Chrome que envuelve las Redux DevTools y provee funcionalidades adicionales

Convenciones de la Comunidad

• Flux Standard Action — Un estándar de acciones de Flux amigable con humanos
• Canonical Reducer Composition — Un estándar opinionado para combinar reducers anidados
• Ducks: Redux Reducer Bundles — Una propuesta para empaquetar reducers, acciones y sus tipos

Traducciones

• Redux — Inglés
• 中文文档 — Chino
• 繁體中文文件 — Chino Trandicional
• Redux in Russian — Ruso

Más

Awesome Redux es una lista más completa de repositorios relacionados con Redux.