react-network-status-hook
v1.0.16
Published
A react hook to detect offline or online status
Downloads
6
Maintainers
Readme
React Network Status Hook
A simple React Hook to check if browser is online or offline.
Installation
To install the package run the following command.
npm install react-network-status-hook
Usage with default parameters
Just import the Hook and use it to detect offline or online status.
The check will be done by send a request every 500
milliseconds to https://dns.google/
but you can change parameters as described in the next section.
import React from "react";
import useNetworkStatus from "react-network-status-hook";
const MyComponent = () => {
const isOnline = useNetworkStatus();
return (
isOnline ? <span>Online</span> : <span>Offline</span>
)
};
Usage with custom parameters
You can specify custom parameters for the check as shown here.
import React from "react";
import useNetworkStatus from "react-network-status-hook";
const MyComponent = () => {
const isOnline = useNetworkStatus("http://localhost:8000/", 1000);
return (
isOnline ? <span>Online</span> : <span>Offline</span>
)
};