Network status

import { networkStatus } from "mobx-web-api";

Allows tracking network status

What's inside

Uses Navigator.onLine, Window: online event and Window: offline event under the hood

Usage

import { networkStatus } from "mobx-web-api";
import { reaction } from "mobx";

console.log(networkStatus.isOnline); // true
console.log(networkStatus.isOffline); // false

reaction(
  () => networkStatus.isOnline,
  (isOnline) => {
    console.log(
      isOnline ?
        "You are Online" :
        "You are Offline :("
    );
  }
);

Properties

isOnline

Has true if the network is online, false otherwise.

isOffline

Has true if the network is offline, false otherwise.