❤
npm
Sign UpSign In

redux-session-manager

1.0.3 • Public • Published

redux-session-manager

Travis npm package Coveralls

Installation

npm i -S redux-session-manager

Usage

Create a persistent store by enchancing createStore

import persistState from 'redux-session-manager';
import { createStore, compose } from 'redux';
const createPersistentStore = compose(persistState(options))(createStore);
// Pass along the same arguments you would have to createStore
const store = createPersistentStore(reducers, preloadedState);

Applying enhancers

To apply enhancers, like applyMiddlware, pass it to the left of persistState in compose

const persistentStoreWithMiddleware = compose(
    applyMiddleware(...middlware),
    persistState(options)
)(createStore)

ImmutableJS

If you are using ImmutableJS via redux-immutable for example, just change the import to

import persistState from 'redux-session-manager/lib/immutable';

Options

Property Type Required? Description
name string yes This will be the key in sessionStorage for the serialized state
exclude array[string|array] no An array containing either a string representing the reducer to exclude, or an array of [reducerName, keyPaths] where keyPaths can be either a string for a direct property of the reducer, or an array representing the keyPath to the property to be excluded.

Excluding parts of state

Use the exclude option to specify which properties you do not want to serialize to the store

Example

Here is an example using Redux Dev Tools Extension, redux-thunk, redux-logger;

import persistState from 'redux-session-manager';
import { compose, createStore, applyMiddleware } from 'redux';
import logger from 'redux-logger';
import thunk from 'redux-thunk';
import reducers from './reducers';
 
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const middleware = [ thunk, logger ];
const createPersistentStoreWithMiddleware = composeEnhancers(
    applyMiddleware(...middleware),
    persistState({
        name: "sampleStore"
    })
)(createStore);
 
const store = createPersistentStoreWithMiddleware(reducers, /* preloadedState */);

Readme

Keywords

Package Sidebar

Install

npm i redux-session-manager

Repository

github.com/ssilve1989/redux-session-manager

Homepage

github.com/ssilve1989/redux-session-manager#readme

Weekly Downloads

6

Version

1.0.3

License

MIT

Last publish

Collaborators

  • ssilve1989
Try on RunKit
Report malware