javascriptreactjsreact-nativeoffline-mode

Offline mode in react native


I have an application which uploads some user information to a server using internet. Is there any methods to store user information in the local storage when there is no internet connectivity and uploads the same when connected to a network (Like offline Mode) ?


Solution

  • Try Redux with Redux-Persist.

    You can use Async storage to maintain proper structure and Async rendering too (other benefits of redux).

    You can do something like

    const persistConfig = {
          key: 'root',
          storage,
          whitelist: ['aaaa', 'vvvv'],
        };
    

    where storage can be of different types:

    as mentioned in redux persist docs

    Also, you can blacklist (except) or whitelist (only) certain reducers

    Persisting makes sure that data exist even after the app is reopened. and every x time interval or action you can fire the queue and clean it up.