Ecosystem

Ecosystem

Redux is a tiny library, but its contracts and APIs are carefully chosen to spawn an ecosystem of tools and extensions.

For an extensive list of everything related to Redux, we recommend Awesome Redux. It contains examples, boilerplates, middleware, utility libraries, and more. React/Redux Links contains tutorials and other useful resources for anyone learning React or Redux, and Redux Ecosystem Links lists many Redux-related libraries and addons.

On this page we will only feature a few of them that the Redux maintainers have vetted personally. Don't let this discourage you from trying the rest of them! The ecosystem is growing too fast, and we have a limited time to look at everything. Consider these the “staff picks”, and don't hesitate to submit a PR if you've built something wonderful with Redux.

Learning Redux

Screencasts

• Getting Started with Redux — Learn the basics of Redux directly from its creator (30 free videos)
• Learn Redux — Build a simple photo app that will simplify the core ideas behind Redux, React Router and React.js

Example Apps

• Official Examples — A few official examples covering different Redux techniques
• SoundRedux — A SoundCloud client built with Redux
• grafgiti — Create graffiti on your GitHub contributions wall
• React-lego — How to plug into React, one block at a time.

Tutorials and Articles

• Redux Tutorial
• Redux Egghead Course Notes
• Integrating Data with React Native
• What the Flux?! Let's Redux.
• Leveling Up with React: Redux
• A cartoon intro to Redux
• Understanding Redux
• Handcrafting an Isomorphic Redux Application (With Love)
• Full-Stack Redux Tutorial
• Getting Started with React, Redux, and Immutable
• Secure Your React and Redux App with JWT Authentication
• Understanding Redux Middleware
• Angular 2 — Introduction to Redux
• Apollo Client: GraphQL with React and Redux
• Using redux-saga To Simplify Your Growing React Native Codebase
• Build an Image Gallery Using Redux Saga
• Working with VK API (in Russian)

Talks

• Live React: Hot Reloading and Time Travel — See how constraints enforced by Redux make hot reloading with time travel easy
• Cleaning the Tar: Using React within the Firefox Developer Tools — Learn how to gradually migrate existing MVC applications to Redux
• Redux: Simplifying Application State — An intro to Redux architecture

Using Redux

Bindings

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

Middleware

• redux-thunk — The easiest way to write async action creators
• redux-promise — FSA-compliant promise middleware
• redux-axios-middleware — Redux middleware for fetching data with axios HTTP client
• redux-observable — RxJS middleware for action side effects using "Epics"
• redux-logger — Log every Redux action and the next state
• redux-immutable-state-invariant — Warns about state mutations in development
• redux-unhandled-action — Warns about actions that produced no state changes in development
• redux-analytics — Analytics middleware for Redux
• redux-gen — Generator middleware for Redux
• redux-saga — An alternative side effect model for Redux apps
• redux-action-tree — Composable Cerebral-style signals for Redux
• apollo-client — A simple caching client for any GraphQL server and UI framework built on top of Redux

Routing

• react-router-redux — Ruthlessly simple bindings to keep React Router and Redux in sync
• redial — Universal data fetching and route lifecycle management for React that works great with Redux

Components

• redux-form — Keep React form state in Redux
• react-redux-form — Create forms easily in React with Redux

Enhancers

• redux-batched-subscribe — Customize batching and debouncing calls to the store subscribers
• redux-history-transitions — History transitions based on arbitrary actions
• redux-optimist — Optimistically apply actions that can be later committed or reverted
• redux-optimistic-ui — A reducer enhancer to enable type-agnostic optimistic updates
• redux-undo — Effortless undo/redo and action history for your reducers
• redux-ignore — Ignore redux actions by array or filter function
• redux-recycle — Reset the redux state on certain actions
• redux-batched-actions — Dispatch several actions with a single subscriber notification
• redux-search — Automatically index resources in a web worker and search them without blocking
• redux-electron-store — Store enhancers that synchronize Redux stores across Electron processes
• redux-loop — Sequence effects purely and naturally by returning them from your reducers
• redux-side-effects — Utilize Generators for declarative yielding of side effects from your pure reducers

Utilities

• reselect — Efficient derived data selectors inspired by NuclearJS
• normalizr — Normalize nested API responses for easier consumption by the reducers
• redux-actions — Reduces the boilerplate in writing reducers and action creators
• redux-act — An opinionated library for making reducers and action creators
• redux-transducers — Transducer utilities for Redux
• redux-immutable — Used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
• redux-tcomb — Immutable and type-checked state and actions for Redux
• redux-mock-store — Mock redux store for testing your app
• redux-actions-assertions — Assertions for Redux actions testing
• redux-bootstrap — Bootstrapping function for Redux applications

DevTools

• Redux DevTools — An action logger with time travel UI, hot reloading and error handling for the reducers, first demoed at React Europe
• Redux DevTools Extension — A Chrome extension wrapping Redux DevTools and providing additional functionality

DevTools Monitors

• Log Monitor — The default monitor for Redux DevTools with a tree view
• Dock Monitor — A resizable and movable dock for Redux DevTools monitors
• Slider Monitor — A custom monitor for Redux DevTools to replay recorded Redux actions
• Inspector — A custom monitor for Redux DevTools that lets you filter actions, inspect diffs, and pin deep paths in the state to observe their changes
• Diff Monitor — A monitor for Redux Devtools that diffs the Redux store mutations between actions
• Filterable Log Monitor — Filterable tree view monitor for Redux DevTools
• Chart Monitor — A chart monitor for Redux DevTools
• Filter Actions — Redux DevTools composable monitor with the ability to filter actions

Community Conventions

• Flux Standard Action — A human-friendly standard for Flux action objects
• Canonical Reducer Composition — An opinionated standard for nested reducer composition
• Ducks: Redux Reducer Bundles — A proposal for bundling reducers, action types and actions

Translations

• 中文文档 — Chinese
• 繁體中文文件 — Traditional Chinese
• Redux in Russian — Russian
• Redux en Español - Spanish

More

Awesome Redux is an extensive list of Redux-related repositories.

React-Redux Links is a curated list of high-quality articles, tutorials, and related content for React, Redux, ES6, and more.

Redux Ecosystem Links is a categorized collection of Redux-related libraries, addons, and utilities.