redux-loop

Using redux-loop doesn't require any additional configuration when creating the store and you should be able to use it just like you normally would.

import { createStore } from 'redux'
import { install } from 'redux-loop'

const store = createStore(reducer, install())

The only difference is that you have to import the namespaced function from the redux-subspace-loop package instead of using the default one from redux-subspace. This extends the functionality provided by redux-subspace to also namespace the commands returned by your reducer.

import { createStore, combineReducers } from 'redux'
- import { subspace, namespaced } from 'redux-subspace'
+ import { subspace } from 'redux-subspace'
+ import { namespaced } from 'redux-subspace-loop'

const counter = (state = { value: 1 }, action) => {
    switch (action.type) {
        case 'INCREMENT':
            return { ...state, value: state.value + 1 }
        default:
            return state
    }
}

const reducer = combineReducers({
    subApp1: namespaced('subApp1')(counter),
    subApp2: namespaced('subApp2')(counter)
})

const store = createStore(reducer)

For more details, refer to the redux-subspace-loop documentation.

results matching ""

    No results matching ""