Handling Offline Mode in React Native

To implement the concepts presented above, you need some help from libraries like Redux-Persist and Netinfo. Redux-Persist will help when launching the app, to populate the Redux with data from the previous session, checking the black and white lists. Netinfo can be used to check the status of the network connection.

When trying to make a POST, the local state should be updated and Redux should check the internet connection, to see if should make the api request or add it to the queue.

Notice: The modified data should be persisted, so there won't be any discrepancies between sessions

If there is no internet connection, the data should be extracted from the local storage. Otherwise, a fetch request will be made, including a timestamp, with the last sync with the server. The server will than reply with the updated data and the timestamp will be updated, representing a checkpoint.