redux-state-save

Save and load the redux state.

Installation

npm install --save redux-state-save

or

yarn add redux-state-save

Usage

Example 1 (using the file storage)

Example of the most simple method of use. Save all of the redux state that have registered to reducers to file storage.

import Storage from "redux-state-save";

var storage1 = new Storage();
storage1.setConfig({
    storage_type: "file_storage",
    file_path: "c:\test",
    file_name: "user.json"
});
var store = createStore(reducers, applyMiddleware(storage1.saveState()));

// state data load from file storage
store = storage1.loadState(store);

Example 2 (using the the local storage)

local storage is window.localstorage of Web API.

if you want to use local storage. you should change storage_type value of config option to local_storage.

import Storage from "redux-state-save";

var storage1 = new Storage();
storage1.setConfig({
    storage_type: "local_storage",
    local_key: "redux-states"
});
var store = createStore(reducers, applyMiddleware(storage1.saveState()));

// state data load from local storage
store = storage1.loadState(store);

Example 3 (using multi storage)

State saved using both of local storage and file storage in the below example.

import Storage from "redux-state-save";

var storage1 = new Storage();
var storage2 = new Storage();

storage1 = {
    storage_type: "local_storage",
    local_key: "state-log",
    filter_type: "whitelist",
    filter_list: ["stateLog"]
};

storage2 = {
    storage_type: "file_storage",
    file_path: "c:abc",
    file_name: "user.json",
    filter_type: "whitelist",
    filter_list: ["stateUser"]
};

var store = createStore(
    reducers,
    applyMiddleware(storage1.saveState(), storage2.saveState())
);

store = storage1.loadState(store);
store = storage2.loadState(store);

API

.saveState()

.loadState(createStore())

.setConfig({options})

| options | type | default | description | | :----------- | -----: | :-----------------: | :---------------------------------------------: | | storage_type | string | "file_storage" | "file_storage" or "local_storage" | | filter_type | string | "blacklist" | "whitelist" or "blacklist" | | filter_list | array | [] | set the state name to filter | | file_path | string | "" | If you use file storage. have to set path value | | file_name | string | "redux-states.json" | Can set the file name for save the file | | local_key | string | "redux-states" | local storage key name |

License

WTFPL