redux-persist-error-handler
v0.1.1
Published
A higher order component to avoid infinite loops when using redux persist with react native
Downloads
627
Readme
#redux-persist-error-handler
Provides a higher order component to wrap your app in, which purges the redux-persist persisted store if there is a fatal error. This avoids your app getting trapped in an infinite crash loop, where dodgy state causes a crash, and the same dodgy state is then rehydrated, causing another crash. Of course, you should fix the cause of the dodgy state, but let's at least be a bit graceful to users in the mean time.
Will only purge for production builds, so that you can still debug when DEV is true.
##Usage
import React from 'react';
import { AppRegistry, AsyncStorage } from 'react-native';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import { persistStore } from 'redux-persist';
import { ErrorHandler } from 'redux-persist-error-handler';
import { App } from './App';
import { reducers } from './reducers';
const store = createStore(
reducers,
{},
);
const persistedStore = persistStore(store, { storage: AsyncStorage });
function App() {
return (
<ErrorHandler persistedStore={persistedStore}>
<Provider store={store}>
<App />
</Provider>
</ErrorHandler>
);
}
AppRegistry.registerComponent('MyApp', () => App);