README.md

Awesome Redux

List of repositories which use Redux

Redux

Documentation of Redux

Documentation of Redux(Simple Chinese version)

Unofficial documentation of Redux(Russian version) (Work in progress)

Documentation of Redux(Traditional Chinese version)

Documentation of Redux(Japanese version) (Work in progress)

Documentation of Redux(Portuguese version) (Work in progress)

Documentation of Redux(Spanish version) (Work in progress)

Documentation of Redux(Korean version)

Predictable state container for JavaScript apps

Marks

• Universal (Isomorphic) - 🤘
• Hot Reload - 🔥

Presentations

• A introduction about Redux
• Real World Redux
• The power of higher-order reducers
• Reactive Architecture with Redux and Angular
• Redux Internals
• Replacing Angular 1 with React and Redux
• A tour on the React ecosystem
• Redux from Twitter hype to production

---

Resources

• Many tools and middlewares
• Blog which is written with Redux
• Redux offline docs
• Flux challenge
• Sound Redux - a simple Soundcloud client
• Favesound Redux - SoundCloud Client for Artists
• Structor - a user interface builder for React
• generator-redux - CLI tools for Redux: next-gen functional Flux/React with devtools
• generator-reactapp - Yeoman generator for react app with redux
• Spectacle - ReactJS based Presentation Library
• Notes (and partial transcription) of Dan Abramov's Redux course videos on http://egghead.io
• Comprehensive Notes for Learning (how to use) Redux to manage state in your Web/Mobile Apps
• React Redux [RU tutorial]
• Redux without profanity
• React and Redux Single Page Applications Resources
• A categorized list of Redux-related addons, libraries, and utilities
• Building the F8 2016 App (Redux, GraphQL, React Native)
• The Elm Architecture in JavaScript

---

Articles And Tutorials

• Writing a Basic App in Redux
• Learn how to use Redux step by step
• Tutorial: Handcrafting an Isomorphic Redux Application (With Love)
• 0 to 1 : Getting started with Redux
• Redux Chinese Document
• Redux Document (Traditional Chinese)
• Relay and Routing
• Understanding Redux Middleware
• Several videos about Redux + Falcor and Example code
• Redux Middleware: Behind the Scenes
• A proposal for bundling reducers, action types and actions when using Redux
• Full-Stack Redux Tutorial - A Comprehensive Guide to Test-First Development with Redux, React, and Immutable Source Server + Client
• Redux best practices
• The 3REE Stack: React + Redux + RethinkDB + Express.js
• React Tutorial - Converting Reflux to Redux
• Redux example using 500px API (with ES6)
• Building a boilerplate for a Koa, Redux, React application including Webpack, Mocha and SASS - This article explains in detail how this koa-redux-react-boilerplate was built and the technologies it uses.
• Typed React and Redux
• A cartoon intro to Redux
• Join The Dark Side Of The Flux: Responding to Actions with Actors
• Can I dispatch multiple actions from Redux action creators?
• Understanding Redux (or, How I Fell in Love with a JavaScript State Container)
• Your First Immutable React & Redux App
• Getting Started with Redux - Egghead's video lessons from Dan Abramov
• Redux Testing Video Lessons - a few short Egghead video lessons (some free, some require a subscription)
• Implementing a smart Login Modal with Redux, reselect and ReactJS
• How to Build a Todo App Using React, Redux, and Immutable.js
• Rethinking Redux
• Managing Side Effects In React + Redux Using Sagas
• Secure Your React and Redux App with JWT Authentication
• Getting started with Redux and GraphQL
• Data Flows with Angular 2 and Redux
• Simple Routing with Redux and React
• Redux nowadays : From actions creators to sagas
• Master Complex Redux Workflows with Sagas
• Angular 2 Application Architecture - Building Flux Apps with Redux and Immutable.js
• React, Redux and Immutable.js: Ingredients for Efficient Web Applications
• An Introduction to React Redux (Part 1)
• An Introduction to React Redux (Part 2)
• Rules For Structuring (Redux) Applications
• Redux for the very beginner
• Redux - Calling web service asynchronously
• Animating with React, Redux, and d3
• Build an Image Gallery Using React, Redux and redux-saga
• Introducing redux-operations
• Solving Redux’s shortcoming in 150 LOCs
• The Anatomy Of A React Redux App
• Getting Started with React, Redux and Immutable: a Test-Driven Tutorial (Part 2)
• Leveling Up with React: Redux
• Complete intro to react
• Recreating Redux — Behind the magic curtain
• Let's Build a Redux Powered React Application
• Deep Introduction to Redux - Seriese 1/3
• Universal Rendering with Redux and React-Router - Seriese 2/3
• Unit Testing Redux Apps - Seriese 3/3
• Using Aurelia and Redux together for good times all around
• Comparing Redux and Relay

---

Boilerplate

• redux-webpack-es6-boilerplate - Thorough Redux boilerplate using Webpack / hot module reloading (HMR) / Redux DevTools / ES6 + JSX via Babel / Test environment / Example app
• react-production-starter - React boilerplate with isomorphic rendering, async react-router routes, async redux reducers, async data fetching, and code-splitting. 🤘 🔥
• mern.io - Simple full-stack boilerplate to get started with building isomorphic/universal apps, handles api part and also offers a cli to generate the boilerplate 🤘 🔥
• react-redux-starter - Universal React + Redux with Cordova support and an opinionated directory structure
• react-slingshot - React Redux Starter Kit with hot reloading, tests and example app
• react-redux-boilerplate - React Redux Boilerplate
• react-boilerplate - React + Typescript + Sass boilerplate
• react-redux-scaffold - Combination of redux, react-router and ES6+ support
• simple-redux-boilerplate - Simple and guided React, Redux boilerplate w/ Transform HMR! 🔥
• reactv - React Redux example
• redux-boilerplate - Boilerplate for Redux
• react-redux-starter-kit - Get started with React, Redux, and React-Router.
• simplest-redux-example - Simplest Redux + React example for beginners
• redux-easy-boilerplate - React Redux easy boilerplate
• dicty-redux - Starter kit to bootstrap React and Redux (Flux) based web application
• 3ree - Boilerplate & Demo for Universal Realtime Apps built with React + Redux + RethinkDB + Express
• react_scaffolding - React + React Router 1.0 + Redux + Webpack & Hot Module Replacement
• express-redux-sample - Express-Redux-PassportJs-MySQL Boilerplate
• redux-blog-example - Redux-Webpack-Babel Blog Platform boilerplate
• redux-undo-boilerplate - a magical boilerplate with hot reloading and awesome error handling
• redux500 - The Redux version of isomorphic500
• redux-demo - Redux port of SurviveJS - Webpack and React Kanban app
• react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-hot-loader 🤘
• rde - Reactive Live Programming Environment
• React Redux Starter Kit - Yet another React and Redux based web application starter kit
• skeleton - A simple project-stub to show the basic ideas. Also serves you as a quick start for your project (Mori + Redux)
• browser-redux - Building Chrome apps and cross-browser extensions with Redux and Webpack
• react-for-hipsters-boilerplate - Fresh boilerplate with brand new hot reloading confing and other hipster stuff
• Documented Koa Redux React Webpack boilerplate- The building process of this boilerplate is deeply documented from 0 for learning purposes. You can find the docs here.
• err - Electron, React, Redux-devtools boilerplate for building cross-platform apps.
• friends-app-redux - React Redux Universal Hot Example
• isomorphic-redux-app - Redux Isomorphic App (with async content)
• starter-kit - Project boilerplate using React, Redux and Uniloc http://unicornstandard.com/packages/boilerplate.html
• loopback-redux-react-boilerplate - A boilerplate for a Redux-React application using LoopBack
• breko-hub - Babel React Koa Hot Universal Boilerplate -- A simple, clean and consistent boilerplate for creating universal webapps with universal data fetching and SocketIO integration
• React Redux Cordova Boilerplate
• react-boilerplate - Performance orientated, offline-first boilerplate feat. hot-reloading, PostCSS and the best developer experience.
• react-webpack-node - Boilerplate for an universal React + Redux/alt Flux application using Webpack running on a node express server
• [Hapi React Starter Kit - Universal, Redux, Redis, Socket.io, Intl] (https://github.com/Dindaleon/hapi-react-starter-kit)
• [Universal Redux Template - A clean, extensible react + redux boilerplate with universal rendering, testing and more] (https://github.com/mz026/universal-redux-template)
• universal-js - A universal Javascript starter kit inc. React, Redux, Redux Dev Tools, Universal Redux Router, CSS Modules, hot module reloading, Babel for ES2015+ and ESLint
• redux-react-material-boilerplate - Simple boilerplate inc. React, Redux, Hot reload and Material-ui
• react-redux-starter - React Redux Starter
• Reduxible - The Fast and Easy way to make a React + Redux apps
• react-workflow - A large SPA boilerplate for web development built on top of Facebook's React library,use redux architecture
• ReacToGo - A simple ES6 boilerplate with Redux architecture and ImmutableJS: Hot Reload, React UI Comp, Firebase, Router
• React/Redux simple CRUD with persistent state and local async actions (add a manifest file and you get an offline webapp)
• StarHackIt - An React/Redux Node full-stack starter kit with authentication and authorization code
• React Seed - A barebones scalable directory structure and package.json for facilitating new React + Redux projects. No fat to trim here!
• [React/Redux with Auth boilerplate - Very simple boilerplate, good for fast creating admin panels / dashboard. Included: React, Redux, ReduxForm, React-Router, Simple Authenticate, Hot Reload and Webpack (with babel) 🔥] (https://github.com/WapGeaR/react-redux-boilerplate-auth)
• Docker + React/Redux + Node + PostgreSQL - full stack boilerplate with fully dockerized workflows for development, deployment, testing
• Redux universal boilerplate - boilerplate for react universal application building on flux architecture based on redux implementation.
• React Redux Universal Boilerplate - An Universal ReactJS/Redux Boilerplate.

---

React Native - A framework for building native apps using React

• Examples
  • CarteJaune - An open source Redux/ExponentJS (React Native) app leveraging redux-saga to keep track of your vaccinations
  • noder-react-native - The mobile app of cnodejs.org written in React Native
  • react-native-redux-counter
  • react-native-counter-ios-android
  • react-native-redux-groceries - An example app using React Native, Redux, Firebase, and AsyncStorage for offline data
  • react-native-sound-cloud
  • snowflake - mobile app starter: Login, Logout, Reset Password, Update Profile, Hot Reload
  • uestc-bbs-react-native - An iOS client for http://bbs.uestc.edu.cn/ written in React Native with Redux
  • movies-redux - redux implementation of react-native movies example that is included in react-native source

---

React - A JavaScript library for building user interfaces

• Middlewares

  • redux-transduce - Transducer utilities for Redux
  • redux-actions - Flux Standard Action utilities for Redux
  • redux-promise - FSA-compliant promise middleware for Redux
  • redux-sync-promise - Middleware for writing asynchronous actions in synchronous style
  • redux-simple-promise - FSA-compliant promise middleware for Redux with simple behaviour with minimal boilerplate declarations
  • redux-async - FSA-compliant promise property middleware for Redux
  • redux-async-queue - Manage queues of thunk actions
  • redux-async-initial-state - Set initial Redux state asynchronously
  • redux-await - Manage async redux actions sanely
  • redux-rx - RxJS utilities for Redux
  • reselect - Selector library for Redux like in NuclearJS
  • react-redux - React bindings for Redux
  • redux-react-router - Redux bindings for React Router – keep your router state inside your Redux store
  • redux-promise-middleware - Redux middleware for resolving and rejecting promises
  • redux-thunk - Thunk middleware for Redux
  • redux-batched-updates - Batch React updates that occur as a result of Redux dispatches, to prevent cascading renders.
  • redux-combine-actions - Redux middleware that allows you to easy combine actions and dispatch them sequentially
  • redux-catch-promise - Extended replacement of redux-thunk middleware to supporting async-await functions and implement server-side rendering for React components with async state
  • redux-delegator - Compose redux reducers in a structured way
  • routex - Simple router for Redux universal applications. Can be used with React too
  • redux-persist-store - Persist and rehydrate a redux store
  • adrenaline - React bindings for Redux with Relay in mind
  • redux-localstorage - Store enhancer that syncs (a subset) of your Redux store state to localstorage.
  • redux-storage - Persistence layer for redux with flexible backends
  • redux-pouchdb - sync store state to pouchdb
  • redux-vstack-router - Helpers to bind vstack-router to redux
  • redux-create-store
  • redux-batched-subscribe - Batch calls to subscribe handlers with a custom function, including debouncing or React batched updates.
  • redux-logger - Logger middleware for Redux
  • redux-node-logger - A Redux Logger for Node Environments
  • redux-diff-logger - Diff logger between states for Redux
  • redux-debug - debug(...) middleware for Redux
  • redux-requests - Avoid issuing duplicate HTTP requests
  • redux-owl - Redux One Way Linking
  • redux-act - An opinionated lib to create actions and reducers for Redux
  • redux-act-async - Reducing boilerplate when creating asynchronous actions in Redux
  • redux-raven-middleware - Redux middleware for sending error reports to Sentry through raven-js
  • redux-routing - Universal routing built on top of redux
  • redux-undo - Simple undo/redo functionality for redux state containers
  • rn-redux-mixpanel - Configurable Redux middleware that sends your actions & user profile data to Mixpanel
  • redux-falcor - Connect your redux front-end to your falcor back-end
  • redux-analytics - Trigger analytics events based on your event metadata
  • redux-ignore - Ignore redux actions by array or filter function
  • redux-recycle - Reset the redux state on certain actions
  • re-notif A notification center based on React & Redux.
  • redux-lunr - Make your redux store searchable with Lunr.js
  • redux-ensure-fsa - Development middleware to check for FSA-compliant actions
  • redux-pagan - internationalization via redux
  • redux-debounce - Debounce your actions!
  • redux-future - FSA-compliant future monad middleware for redux
  • redux-io - FSA-compliant io monad middleware for redux
  • redux-either - FSA-compliant either monad middleware for redux
  • redux-timeout - Trigger actions based on timeouts
  • redux-observable-middleware - Redux middleware for subscribing to observables
  • redux-deferred - Redux middleware for jQuery Deferred Object
  • redux-task - A simple Side Effects manager for redux
  • redux-gen - Generator based middleware for redux
  • redux-authentication - Authentication component for Redux
  • socket.io-redux - Redux middleware to emit action via socket.io
  • redux-catch - Error catcher middleware for Redux reducers and middlewares
  • redux-elm-middleware - Elm middleware for redux
  • redux-api-middleware - Redux API middleware based on the real-world example

• Tools

  • reactotron - Control, monitor, and instrument your React Native apps from the comfort of your TTY
  • redux-test-recorder - Redux test recorder is a redux middleware + included component for automagically generating tests for your reducers based on the actions in your app
  • redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
  • react-router-redux - Ruthlessly simple bindings to keep react-router and redux in sync
  • redux-tiny-router - A Router made for Redux, stop using the router as a controller it's just state!
  • redux-devtools-gentest-plugin - Generate mocha like tests from redux-devtools session
  • generator-redux - CLI tools for Redux: next-gen functional Flux/React with devtools
  • generator-reactapp - Yeoman generator for react app with redux
  • generator-redux-app - Scaffold out a redux app with counter example and react-router
  • redux-loader - A high order component for Redux. This components loads resources and passes them to the child components via props
  • redux-rest - Automatically create Flux action constants, action creators and Redux reducers for your REST API
  • react-reach - A library to communicate with Graphql through Redux
  • redux-api - Flux REST API for redux infrastructure
  • firedux - Firebase + Redux for ReactJS
  • vstack-router - Universal router
  • redux-ecommerce - E-commerce flux with redux
  • redux-form - An ES7 decorator for forms using Redux and React
  • redux-form-validation - Form validation for controlled & uncontrolled inputs
  • **https://github.com/calesce/redux-slider-monitor
  • updeep - Easily update nested frozen objects and arrays in a declarative and immutable manner
  • redux-immutable - Streamlines use of Immutable.js with Redux reducers.
  • redux-import-export-monitor - A monitor for copying your serialized action log to the clipboard, as well as pasting it in from somewhere else
  • icedam - Just-in-time immutability: freezes data sent to views.
  • react-inline-grid - Predictable flexbox based grid for React using Redux and Immutable-js.
  • redux-easy-actions - Sugar library for creating Redux or Flux actions
  • redux-mount - Mount state data and change its state values on the fly
  • redux-multi - Dispatch multiple actions from one action creator
  • immu - A tiny, fail-fast, lazy, immutable Javascript objects library
  • Generate standard action creators and reducers for CRUD applications
  • Redux & ImmutableJs - Integration of Redux & ImmutableJs that 100% conforms Redux standards
  • redux-tcomb - Immutable and type-checked state and actions for Redux
  • redux-react-router-transitions - Attach react-router transitions to arbitrary actions
  • redux-optimist - Optimistically apply actions that can be later commited or reverted.
  • redux-devtools-diff-monitor - Redux DevTools – Diff Monitor
  • redux-store-visualizer - Visualize Redux store in real time
  • generator-redux - CLI tools for Redux: next-gen functional Flux/React with devtools
  • generator-reactapp - Yeoman generator for react app with redux
  • redux-viewmodel - ViewModel wrapping for Redux & React
  • redux-utils - Utility functions for Redux
  • multireducer - A utility to wrap many copies of a single Redux reducer into a single key-based reducer
  • subdivide - User defined UI layout: Every pane can be subdivided and any widget assigned to any pane
  • replux - Self contained components and enhancements for Redux
  • redux-immutable-utils - Utilities for using Immutable with Redux
  • recompose - A microcomponentization toolkit for React
  • redux-lift - Lifting for Redux
  • redux-router5 - router5 integration with Redux
  • redux-devtools-extension - Redux DevTools Extension
  • universal-redux-router - A very simple router for Redux and React that works on both server and client
  • redux-watch - Watch/monitor for state changes on an object path
  • redux-devtools-filterable-log-monitor - Filterable tree view monitor for Redux DevTools
  • redux-flash-notification - A flash notification component for Redux
  • redux-saga - An alternative side effect model for Redux apps
  • remote-redux-devtools - Use Redux DevTools remotely for React Native, hybrid, desktop and server side Redux apps
  • redux-devtools-dispatch - Dispatch your actions manually to test if your app reacts well
  • redux-loop - Sequence your effects naturally and purely by returning them from your reducers
  • redux-orm - A small, simple and immutable ORM to manage data in your Redux store
  • redux-bacon - Utilities for attaching Bacon.js to Redux
  • rereduce - Reducer library for Redux
  • redux-decorators - A ridiculously good syntax for working with Redux and TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere
  • redux-test-reducer - Simple and clean testing mechanism for Redux reducers
  • redux-devtools-inspector - Another Redux DevTools Monitor
  • redux-ava - Helpers for writing Redux tests in AVA
  • redux-cli - An opinionated CLI for building redux/react apps quicker
  • redux-saga-rxjs - RxJS implementation of Saga pattern for redux
  • redux-actions-assertions - Assertions for redux actions testing
  • redux-duck - Helper function to create Redux modules using the ducks-modular-redux proposal
  • redux-dispatch-cli - A CLI tool for Redux remote dispatch. Used in remote-redux-devtools
  • redux-immutable-reducer - Immutable reducer states with Redux
  • redux-bootstrap - configure React + React-Router + Redux + Immutable.js with one function!
  • redux-director - Redux bindings to director router

• Frameworks

  • Vdux - World's smallest framework. Stateless Virtual DOM <-> Redux
  • Esex - Full-stack Universal JavaScript Framework (Redux+RxJs)
  • Ripster
  • Este - The most complete minimal dev stack / boilerplate for React & Redux universal web apps
  • stardux - Functional DOM containers based on starplate, IncrementalDOM, and redux
  • nux - A Push-Based Functional Reactive Web Application Framework
  • Keo - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as compose, memoize, etc... for free
  • plait - A minimal JavaScript framework for building reactive web components
  • reactuate — A React/Redux stack (not a boilerplate!) with a focus on Domain-Driven Design
  • meatier - Like meteor, but meatier
  • relax - New generation CMS on top of React, Redux and GraphQL
  • lovli.js - A boilerplate for developing react+redux applications with rethinkdb/horizon as realtime database and express for the server

---

Examples

---

Similar libraries

• flux-ts - A small flux implementation heavily inspired by redux
• chopped-redux - A very small Flux implementation based on Redux
• fluxette - Minimalist, functional, and concise Flux
• rx-redux - A reimplementation of redux using RxJS
• understate - A simple state manager
• refer - Redux-like library for handling global state on functional style
• bobflux - Bobflux is pure functional implementation of FLUX pattern and is fitted to Bobril

---

Deku - Functional view library for building UI components as an alternative to React

• Examples
  • Deku + Express + Redux + Crossroads Router
  • deku-redux - Bindings for redux in deku (Standalone plugin) )

---

Incremental DOM - Incremental DOM is a library for building up DOM trees and updating them in-place when data changes

• Examples
  • Incremental DOM + Redux Flux = Todo App

---

WinJS - Windows Library for JavaScript

• Examples
  • react-redux-winjs-example

---

Angular - HTML enhanced for web apps

• Examples
  • Angular + Typescript + Redux
  • ng-redux - Standalone plugin
  • redux-ui-router - ngRedux middleware for Angular UI Router
  • Todo app with ng-redux • ES6 • Webpack
  • https://github.com/InfomediaLtd/angular2-redux-example
  • https://github.com/tomusdrw/angular2-redux-example

---

Angular 2 - One framework. Mobile and desktop

• Examples
  • angular2-redux-example - Example project for using pure Redux with Angular 2 and TypeScript
  • ng2-redux - Angular 2 bindings for Redux
  • angular2-redux - Wrapper components for using Redux in an Angular2 application
  • ng2redux - Angular 2 bindings for Redux implemented with TypeScript and decorators

---

Vue - A library for building modern web interfaces

• Examples
  • Revue - Redux binding for Vue
  • Vue + Redux
  • Meteor + Vue + Redux

---

Polymer - Build modern apps using web components

• Examples
  • polymer-redux
  • polymer-redux-store

---

Ember - A framework for creating ambitious web applications

• Examples

---

Meteor - Build apps that are a delight to use, faster than you ever thought possible

• Examples
  • meteor-react-redux-example
  • meteor-flux-leaderboard

---

Mithril - A Javascript Framework for Building Brilliant Applications

• Examples
  • mithril-redux-starter-hmr

---

Backbone - Give your JS App some Backbone with Models, Views, Collections, and Events

• Tools
  • backbone-redux — The easy way to keep your backbone collections and redux store in sync

---

Aurelia - is a next gen JavaScript client framework for mobile, desktop and web that leverages simple conventions to empower your creativity

• Examples
  • aurelia-redux-todo - An implementation of the Redux todo demo app using Aurelia

---

Riot - A React-like user interface micro-library

• Examples
  • riotredux-budget
  • app-skeleton

---

Electron - Build cross platform desktop apps with web technologies

• electron-react-boilerplate (Electron + Redux + Hot Reload)

---

Chrome Extensions

• Redux Chrome Extension

• React Chrome Extension Boilerplate (Webpack + Redux + Babel and etc

• Examples

  • Pumgrana Plugin

Ruby on Rails Resources

• React Webpack Rails Tutorial Using Redux
• react_on_rails gem

Other languages

• .NET

  • https://github.com/GuillaumeSalles/redux.NET
  • https://github.com/pshomov/reducto

• Java

  • https://github.com/glung/redux-java
  • https://github.com/trikita/jedux
  • https://github.com/izumin5210/Droidux

• Swift

  • https://github.com/ReSwift/reduxSwift
  • https://github.com/Swift-Flow/Swift-Flow
  • https://github.com/ReSwift/ReSwift and docs

• Purescript

  • https://github.com/brakmic/purescript-redux
  • https://github.com/faber/purescript-purdux