redux-reset-state

$ npm install -S redux-reset-state

Usage

import { createStore, applyMiddleware } from 'redux'
import rootReducer from 'your/path/reducers'
import { composeRootReducer, resetMiddleware, resetReduxState } from 'redux-reset-state'
// Some code is omitted here
const store = createStore(composeRootReducer(rootReducer), initialState, applyMiddleware(
 resetMiddleware
))
// If the shape of your application state is like this: 
store.getState() // --> { state: { key: { "state-key": 'value', key2: 'value2' }}};
// Then you dispatch some actions: 
store.dispatch({
 type: 'some valid action'
 payload: 'some valid payload'
})
// And the application state became this shape:
store.getState() // --> { state: { key: { "state-key": 'new-value', key2: 'new-value2' }}}
// You can use the following code to reset the state:
resetReduxState([['state', 'key', 'state-key'], ['state', 'key', 'key2']])
// or:
resetReduxState([['state', 'key']])
// Then the application state will become like this:
store.getState() // --> { state: { key: { "state-key": 'value', key2: 'value2' }}}

Hoc in React application

import React, { Component } from 'react'
import { resetReduxState } from 'redux-reset-state'
export default function (stateKeys) {
 return function wrapWithRedsetStateWhenUnmount(WrappedComponent) {
 class RedsetStateWhenUnmount extends Component {
 static displayName = `Reset(${JSON.stringify(stateKeys)})(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`
 
 componentWillUnmount() {
 resetReduxState(stateKeys)
 }
 
 render() {
 return <WrappedComponent resetReduxState={resetReduxState} {...this.props} />;
 }
 }
 return RedsetStateWhenUnmount;
 }
}

Apis

composeRootReducer

resetMiddleware

resetReduxState

Other