https://github.com/emanuelescarabattoli/react-network-status-hook
A simple React Hook to check if browser is online or offline
https://github.com/emanuelescarabattoli/react-network-status-hook
hook network offline online reactjs status
Last synced: about 2 months ago
JSON representation
A simple React Hook to check if browser is online or offline
- Host: GitHub
- URL: https://github.com/emanuelescarabattoli/react-network-status-hook
- Owner: emanuelescarabattoli
- Created: 2019-11-06T21:09:12.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T12:57:49.000Z (over 3 years ago)
- Last Synced: 2026-03-24T04:24:00.945Z (3 months ago)
- Topics: hook, network, offline, online, reactjs, status
- Language: JavaScript
- Homepage:
- Size: 899 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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 ? Online : Offline
)
};
```
# 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 ? Online : Offline
)
};
```