Code Monkey home page Code Monkey logo

awesome-redux's Introduction

Awesome Redux Awesome

Curated List of Redux Libraries / Tools.

Learning Material

I recommend the excellent learning material at http://redux.js.org/.

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
Collaboration

I'm looking to maintain this list with others. Let me know if you are interested. We would then create a GitHub organization.

Table of Content


---

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.
Store Persistence
Asynchronous Actions / Side Effects
  • 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.

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

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.
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

Other Integrations

Flux
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.
Electron
  • redux-electron-store - A redux store enhancer that allows automatic synchronization between electron processes.
Deku

Stack Ensembles / Starter Kits / Generators / Boilerplates

  • 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

awesome-redux's People

Contributors

brillout avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.