redux-offline-immutable-config

Provide a configuration for redux-offline to use an immutable root state with redux-persist-immutable

Installation

npm install redux-offline-immutable-config
# or
yarn add redux-offline-immutable-config

Use

Follow redux-offline base setup instruction at redux-offline, then apply the following changes.

1import { applyMiddleware, createStore, compose } from 'redux';
2import { offline } from 'redux-offline';
3import defaultConfig from 'redux-offline/lib/defaults';
4
5// replacing redux-offline defaults with immutable* counterparts
6import { persist, persistAutoRehydrate, offlineStateLens } from 'redux-offline-immutable-config';
7
8// ...
9
10// example of redux-persist configuration
11// see https://github.com/rt2zz/redux-persist#persiststorestore-config-callback
12const persistOptions = {};
13const persistCallback = () => {
14  console.log('rehydration completed')
15};
16
17const offlineConfig = {
18  ...defaultConfig,
19  persist,
20  persistAutoRehydrate,
21  persistOptions,
22  persistCallback,
23  offlineStateLens
24};
25
26const preloadedState = fromJS({}); // this is the immutable root state
27const store = createStore(
28  reducer, // your main reducer
29  preloadedState,
30  compose(
31    applyMiddleware(middleware), // your middleware
32    offline(offlineConfig)
33  )
34);

Customise persistAutoRehydrate

1import { persist, persistAutoRehydrate, offlineStateLens } from 'redux-offline-immutable-config';
2
3const autoRehydrateOptions = __DEV__ === true
4  ? {log: true}
5  : {};
6
7const offlineConfig = {
8  ...defaultConfig,
9  persist,
10  persistAutoRehydrate: () => persistAutoRehydrate(autoRehydrateOptions),
11  persistOptions,
12  persistCallback,
13  offlineStateLens
14};
15
16// ...
17

License

MIT