Awesome Redux

Curated List of Redux Libraries / Tools / Learning Material.

Contribution

To add a Library / Tool:

• Add a line to this list by creating a new pull request
• Line format: - [npm-package-name](https://github.com/foo/bar) - Description without emojis.
• Add the line at the end of a section
• If it doesn't fit any section then open a new issue so we can discuss creating a new section

There is no format for the learning section.

Collaboration

I'm open to maintain this list with others. We could create a GitHub organization.

Contents

• Learning Material
• Code Architecture
• Utilities
• Code Style
• Dev Tools / Inspect
• React Integration
• Other Integrations
• Boilerplate
• Miscellaneous

Learning Material

• Redux's concepts

  Redux official documentation does a great job at explaining Redux's core principles.

• Why immutable data structures

  The guide on performance of React's official documentation explains well what immutable data structures are and why they play an important role.

• Side Effects

  Redux Loop's readme gives a good insight on Side Effects in the context of Redux.

Reading the aforementioned material will get you a good start for writing apps with Redux. If you are curious for more, check out following resources.

• Functional Programming - Basics

  This post goes over basic concepts of functional programming while building a YouTube instant search demo app.

• Reactive Programming

  This introduction to Reactive Programming explains Reactive Programming with clarity.

• Functional Programming - Going beyond

  Well written article that talks about interesting computer science concepts implemented in functional languages and how these apply to JavaScript.

• Monads

  Curious what monads are? Wikipedia gives a good overview on monads and this article explains monads in more details with graphics and simple examples.

Code Architecture

Aims to improve the overall structure of the source code. Makes reasoning about the code easier.

• redux-schema - Automatic actions, reducers and validation for Redux.
• redux-tcomb - Immutable and type-checked state and actions for Redux.
• redux-action-tree - The Cerebral signals running with Redux.
• redux-elm - The Elm Architecture in JavaScript.

Utilities

• redux-orm - A small, simple and immutable ORM to manage relational data in your Redux store.
• redux-api-middleware - Redux middleware for calling an API.
• redux-ignore - Higher-order reducer to ignore redux actions.
• redux-modifiers - A collection of generic functions for writing redux reducers to operate on various data structures.
• rereduce - Reducer library for Redux.
• redux-search - Redux bindings for client-side search.
• redux-logger - Logger middleware for redux.
• redux-immutable - Redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
• reselect - Selector library for Redux.
• redux-requests - Manages in-flight requests with a Redux reducer to avoid issuing duplicate requests.
• redux-undo - Higher order reducer to add undo/redo functionality to redux state containers.
• redux-bug-reporter - A bug reporter and bug playback tool for redux.

Store Persistence

• redux-storage - Persistence layer for redux with flexible backends.
• redux-persist - Persist and rehydrate a redux store.

Side Effects

Side Effects / Asynchronous Actions

• redux-saga - An alternative side effect model for Redux apps.
• redux-promise-middleware - Redux middleware for resolving and rejecting promises with conditional optimistic updates.
• redux-effects - You write pure functions, redux-effects handles the rest.
• redux-thunk - Thunk middleware for Redux.
• redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.
• redux-loop - A port of elm-effects and the Elm Architecture to Redux that allows you to sequence your effects naturally and purely by returning them from your reducers.
• redux-side-effects - Redux toolset for keeping all the side effects inside your reducers while maintaining their purity.
• redux-logic - Redux middleware for organizing business logic and action side effects.
• redux-observable - RxJS middleware for action side effects in Redux using "Epics".

Code Style

Aims to make parts of the source code easier to read and/or write.

• redux-act - An opinionated lib to create actions and reducers for Redux.
• redux-crud - A set of standard actions and reducers for Redux CRUD Applications.

Dev Tools / Inspect

• redux-devtools-inspector - Another Redux DevTools Monitor.
• redux-diff-logger - Diff logger between states for redux.
• redux-devtools-chart-monitor - A chart monitor for Redux DevTools.
• redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI.
• redux-devtools-dispatch - Dispatch your actions manually to test if your app reacts well.
• redux-devtools-dock-monitor - A resizable and movable dock for Redux DevTools monitors.
• redux-devtools-filterable-log-monitor - Filterable tree view monitor for Redux DevTools.
• redux-devtools-log-monitor - The default monitor for Redux DevTools with a tree view.
• remote-redux-devtools - Redux DevTools remotely.

React Integration

• redux-test-recorder - A redux middleware to automatically generate tests for reducers through ui interaction.
• react-redux - Official React bindings for Redux.
• react-easy-universal - Universal Routing & Rendering with React & Redux was too hard. Now it's easy.
• redux-form-material-ui - A set of wrapper components to facilitate using Material UI with Redux Form.

Routing

• redux-async-connect - It allows you to request async data, store them in redux state and connect them to your react component.
• redux-tiny-router - A Router made for Redux and made for universal apps! stop using the router as a controller... its just state!.
• redux-router - Redux bindings for React Router – keep your router state inside your Redux store.
• react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync.
• ground-control - Scalable reducer management & powerful data fetching for React Router & Redux.

Forms

• redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
• react-redux-form - Create forms easily in React with Redux.

Component State

• redux-react-local - Local component state via redux.
• redux-ui - Easy UI state management for react redux.

Other Integrations

Flux

• redux-actions - Flux Standard Action utilities for Redux.
• redux-promise - FSA-compliant promise middleware for Redux.

Backbone

• backbone-redux - Easy way to keep your backbone collections and redux store in sync.

Falcor

• redux-falcor - Connect your redux front-end to your falcor back-end.

RxJS

• rx-redux - A reimplementation of redux using RxJS.
• redux-rx - RxJS utilities for Redux.
• redux-observable - RxJS middleware for action side effects in Redux using "Epics".
• redurx - Redux'ish Functional State Management using RxJS.

Electron

• redux-electron-store - A redux store enhancer that allows automatic synchronization between electron processes.

Deku

• deku-redux - Bindings for redux in deku < v2.

Other

• redux-rollbar-middleware - Redux middleware that wraps exceptions in actions and sends them to Rollbar with current state.
• kasia - A React Redux toolset for the WordPress API.

Boilerplate

Boilerplates / Scaffolds / Starter Kits / Generators / Stack Ensembles

• redux-cli - An opinionated CLI for building redux/react apps quicker.
• reactuate - React/Redux stack (not a boilerplate kit).
• react-chrome-extension-boilerplate - Boilerplate for Chrome Extension React.js project.
• universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.
• generator-react-aspnet-boilerplate - A starting point for building isomorphic React applications with ASP.NET Core 1, leveraging existing techniques.
• generator-redux - CLI tools for Redux: next-gen functional Flux/React with devtools.
• generator-react-webpack-redux - React Webpack Generator including Redux support.
• socrates - Small (12kb), batteries-included redux stack to reduce boilerplate and promote good habits.

Miscellaneous

• redux-core - Minimal redux.