redux-page-scope

Page scope state management for Redux

Usage no npm install needed!

<script type="module">
  import reduxPageScope from 'https://cdn.skypack.dev/redux-page-scope';
</script>

README

redux-page-scope

Installation

npm install --save redux-page-scope

Usage

Installing Reducers

import { combineReducers } from 'redux';
import { routerReducer } from 'react-router-redux';
import { pageScopeReducer } from 'redux-page-scope';

const rootReducer = combineReducers({
  routing: routerReducer,
  page: pageScopeReducer(combineReducers({
    // your reducers for page scope.
  })),
  ...
});

Installing middlewares

import { createStore, applyMiddleware } from 'redux';
import { browserHistory } from 'react-router';
import { routerMiddleware } from 'react-router-redux';
import pageScopeMiddleware from 'redux-page-scope';
import rootReducer from './reducers';

const store = createStore(
  rootReducer,
  applyMiddleware(
    routerMiddleware(browserHistory),
    pageScopeMiddleware()
  )
);