React Native Cookbook - Second Edition

How to do it...

1. We'll start this recipe by importing our dependencies into App.js:

import React from 'react';import {  StyleSheet,  Text,  View,  NetInfo,  TouchableOpacity} from 'react-native';

2. We'll need to add the pendingSync class variable, which we'll use for storing a pending request when there is no network connection available. We'll also create the state object with properties for tracking whether the app is connected (isConnected), the status of a sync (syncStatus), and the response from the server after our POST request is made (serverResponse):

export default class App extends React.Component {  pendingSync;  state = {    isConnected: null,    syncStatus: null,    serverResponse: null  }  // Defined in later steps}

3. In the componentWillMount ...