Masking the application upon network connection loss

An internet connection is not always available, especially when people are moving around a city, on the train, or hiking in the mountains. A good user experience will inform the user when their connection to the internet has been lost.

In this recipe, we will create an app that shows a message when network connection is lost.

Getting ready

We need to create an empty app. Let's name it network-loss.

How to do it...

1. Let's start by importing the necessary dependencies into App.js:

import React, { Component...