Redux-dynamics NPM

Dependencies Status

redux-dynamics

Strongly-typed collection of useful tools to make your Redux workflow more dynamic.

Features

Reducers

No huge switch statements!
state is always immutable
action is always immutable
context shared between all subscriptions
Declarative reducer subscriptions to the actions
Encouraging pure resolver functions
Support of RegExp as the expected action type

Getting started

Install

NPM:

npm install redux-dynamics --save

Yarn:

yarn add redux-dynamics

Create a reducer

// ./store/comments/index.js
import { Reducer } from 'redux-dynamics';

/* Create a new reducer with initial state */
const reducer = new Reducer({
  likes: 0
});

/* Subscribe to different actions */
reducer.subscribe('ADD_LIKE', (state, action, context) => {
  /* Note how both "state" and "action" are immutable */
  const nextLikes = state.get('likes') + action.get('amount');

  /* Resolve the next state */
  return state.set('likes', nextLikes);
});

reducer.subscribe('ACTION_TYPE', (state, action, context) => state);

export default reducer;

Connect to Redux

// ./store/reducer.js
import { createReducer } from 'redux';
import commentsReducer from './comments';

export default createReducer({
  /* Convert "Reducer" class into pure reducer function */
  comments: commentsReducer.toFunction()
});