Redux-persist-react-native-async-storage NPM

redux-persist-react-native-async-storage

Storage engine for redux-persist for use with React Native's AsyncStorage .

Installation

yarn add redux-persist-react-native-async-storage
# or
npm install --save redux-persist-react-native-async-storage

Usage

Use as a redux-persist global storage engine:

import createAsyncStorage from 'redux-persist-react-native-async-storage';

import { createStore } from 'redux';
import { persistStore, persistCombineReducers } from 'redux-persist';
import reducers from './reducers';

const storage = createAsyncStorage();

const config = {
  key: 'root',
  storage
};

const reducer = persistCombineReducers(config, reducers);

const configureStore = () => {
  // ...
  const store = createStore(reducer);
  const persistor = persistStore(store);

  return { persistor, store };
}

Use as an engine for only a reducer:

import createAsyncStorage from 'redux-persist-react-native-async-storage';

import { combineReducers } from 'redux';
import { persistReducer } from 'redux-persist';
import { AsyncStorage } from 'react-native';

import { mainReducer, secureReducer } from './reducers';

const asyncStorage = createAsyncStorage();

const fooPersistConfig = {
  key: 'foo',
  storage: asyncStorage
};

const barPersistConfig = {
  key: 'bar',
  storage: AsyncStorage
};

// Combine them together
const rootReducer = combineReducers({
  main: persistReducer(barPersistConfig, mainReducer),
  secure: persistReducer(fooPersistConfig, secureReducer)
});

const configureStor = () => {
  // ...
  const store = createStore(rootReducer);
  const persistor = persistStore(store);

  return { persistor, store };
}