Redux Libraries & Learning Material

Redux is a state container for JavaScript apps.

• Official website: devarchy.com/redux
• Use devarchy to add a library to the catalog

Contents

• Code Architecture
• Utilities
• Code Style
• Dev tools / Inspection tools
• React Integration
• Other Integrations
• Boilerplate
• Miscellaneous
• Learning Material
• Community

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 - 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 - 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 - Bug reporter and bug playback tool for Redux.
• redux-transducers - Transducer utilities 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 - 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 - 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".
• redux-ship - Composable, testable and typable side effects.

Code Style

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

• redux-act - Opinionated lib to create actions and reducers for Redux.
• redux-crud - Set of standard actions and reducers for Redux CRUD Applications.