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, R extends ActionReducer<S, A> = ActionReducer<S, A>>(
config: RehydrateRecucerConfig,
initialState: S,
...ons: ReducerTypes<S, ActionCreator[]>[]
): R 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 |