navneetlal / react-offline-component

Checks net connection and renders component accordingly

React offline component

Simple react component that enables you to render content based on net connectivity (i.e. Online | Offline)

Installing

$ npm install react-offline-component --save

Basic usage

import React from 'react';
import ReactDOM from 'react-dom';
import { Online, Offline } from 'react-offline-component';

const MainComponent = () => {
  return (
    <React.Fragment>
      <Online>Hey! You are online</Online>
      <Offline>You're offline. Check your connection!</Offline>
    </React.Fragment>
  )
}

ReactDOM.render(<MainComponent />, document.getElementById('root'));

Both Online as well as Offline are conditional components. So, you won't be seeing any online or offline component unless you are in that state.

License

Published under the MIT License.