@21kb/react-online-status-hook

React hook to subsribe to `offline/online` events

Usage no npm install needed!

<script type="module">
  import 21kbReactOnlineStatusHook from 'https://cdn.skypack.dev/@21kb/react-online-status-hook';
</script>

README

`@21kb/react-online-status-hook`

React hook to subscribe to offline/online events

Usage

import {
  useOfflineStatus,
  useOnlineStatus
} from '@21kb/react-online-status-hook';

const OfflineComponent = () => {
  const status = useOfflineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

const OnlineComponent = () => {
  const status = useOnlineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

NOTE: useOfflineStatus and useOnlineStatus export the same Hook (useOfflineOnlineStatus).

License

MIT