0.0.2 • Published 2 years ago
ngrx-rehydrate v0.0.2
ngrx-rehydrate
Persists parts of the state to localStorage and automatically load them as initial state after refresh/revisit of the page.
Usage
export const exampleReducer = createRehydrateReducer(
{ key: 'key1' },
INITIAL_STATE,
on(setAction, (state, { flag }) => ({ ...state, flag })),
);
function createRehydrateReducer<S, A extends Action = Action>( config: RehydrateRecucerConfig, initialState: S, ...ons: ReducerTypes<S, ActionCreator[]>[] ): ActionReducer<S, A>
where
Param | Description |
---|---|
config | RehydrateRecucerConfig object for rehydration options |
initialState | same as with the default createReducer function |
ons | same as with the default createReducer function |
Refs
For more usage examples see the tests https://github.com/amdor/ngrx-rehydrate/blob/main/test/create-rehydrate-reducer.spec.ts
More on rehydration: https://medium.com/betsson-group/the-easiest-way-to-keep-ngrx-state-after-refresh-rehydrate-it-from-localstorage-8cd23b547aac
Types
RehydrateRecucerConfig
Property | Description |
---|---|
key | the key to store the substate by. must be unique otherwise 2 state slices would try saving to the same localStorage key |