1.0.0 • Published 3 years ago

react-native-use-persisted-reducer v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

react-native-use-persisted-reducer

A React Hook for React Native who behave exactly like useReducer but persist the state into async storage

Installation

npm i react-native-use-persisted-reducer

Usage

const [state, dispatch] = usePersistedReducer(
  {
    persistKey: 'async storage key used', // a unique key for the async storage entry key (Mandatory)
    whiteList: ['name', 'address'],       // a JS array containing fields to persist (Optional) 
  },
  reducer,
  defaultState
);

Comments

  • Default state is returned when cache is empty
  • If whiteList is omitted then the whole state is persisted in cache
  • Cache is updated each time state is updated
  • additional hydrated field is added to the state once cache has been successfully loaded'