kouhin/redyna

Register/unregister dynamic reducers for redux.

Redyna

Re[dux] Dyna[mic]

Add / remove dynamic reducer for redux.

Usage

import { createStore } from 'redux';
import { enhanceWithRedyna, addReducer, removeReducer } from 'redyna';

function counter(state = { num: 0 }, action) {
  switch (action.type) {
  case 'INCREMENT':
    return {
      num: state.num + 1,
    };
  case 'DECREMENT':
    return {
      num: state.num - 1,
    };
  default:
    return state;
  }
}

const store = enhanceWithRedyna(createStore)(counter);

store.dispatch({ type: 'INCREMENT' })
// { num: 1 }

store.dispatch({ type: 'APPEND_HELLO' });
// { num: 1 }

function newReducer(state = {}, action) {
  if (action.type === 'APPEND_HELLO') {
    return {
      ...state,
      word: [state.word || '', 'hello'].filter(x => x).join(' ')
    };
  }
  return state;
}

// Add a newReducer
store.dispatch(addReducer(newReducer));

store.dispatch({ type: 'APPEND_HELLO' });
// { num: 1, word: 'hello' }

store.dispatch({ type: 'APPEND_HELLO' });
// { num: 1, word: 'hello hello' }

// Remove newReducer
store.dispatch(removeReducer(newReducer));

store.dispatch({ type: 'APPEND_HELLO' });
// { num: 1, word: 'hello hello' }

API

enhanceWithRedyna(createStore) => createStore

Enhance createStore with redyna.

Usage:

const store = enhanceWithRedyna(createStore)(reducer, initState, enhancer);

addReducer(reducer: Function)

Create a common redux action for registering reducer (Make sure reducer is singleton).

Usage:

store.dispatch(addReducer(reducer));

removeReducer(reducer: Function)

Create a common redux action for unregistering reducer (Make sure reducer is singleton).

Usage:

store.dispatch(removeReducer(reducer));

LICENSE

MIT