redux-subspace-loop
Deprecated
This library is no longer being actively maintained.
IOOF has been slowly moving away from the ubiquitous use of Redux as a core piece of our micro-frontend architecture and have been actively replacing the usage of this library with more standard React and JavaScript patterns. Due to some technical constraints, we've also been unable to upgrade to the latest version of the library ourselves for quite some time now, further fuelling our desire to move away from this solution.
At this time, we will be ceasing all maintenance tasks and we recommend that you consider using an alternative library:
If you want to continue using this library, we encourage you to fork this repo and take over maintenance yourself.
This library provides necessary utilities for supporting redux-subspace in projects using redux-loop.
Installation
npm install --save redux redux-loop redux-subspace redux-subspace-loop
Quick Start
import { createStore } from 'redux'
import { subspace } from 'redux-subspace'
import { install, combineReducers } from 'redux-loop'
import { namespaced } from 'redux-subspace-loop'
import { todoReducer, addTodo } from './todoApp'
import { counterReducer, increment, decrement } from './counterApp'
const rootReducer = combineReducers({
todo: todoReducer
counter1: namespaced('counter1')(counterReducer),
counter2: namespaced('counter2')(counterReducer)
})
const store = createStore(rootReducer, install())
const todoStore = subspace((state) => state.todo)
const counter1Store = subspace((state) => state.counter1, 'counter1')
const counter2Store = subspace((state) => state.counter2, 'counter2')
todoStore.dispatch(addTodo('Use redux-subspace!'))
const todoState = todoStore.getState()
counter1Store.dispatch(increment())
const counter1State = counter1Store.getState()
counter2Store.dispatch(decrement())
const counter2State = counter2Store.getState()
const rootState = store.getState()