@21kb/react-page-visible-hook

React hook to use the Page Visibility API

Usage no npm install needed!

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

README

`@21kb/react-page-visible-hook`

React hook to use the Page Visibility API

Install

npm

npm install --save @21kb/react-page-visible-hook

Yarn

yarn add @21kb/react-page-visible-hook

Usage

import useVisible from '@21kb/react-page-visible-hook';

// import App from './App';
// import Loader from './Loader';

const Component = () {
  const state = useVisible();
  const {visibilityState} = state;

  return (
    {visibilityState === 'prerender' ? <Loader /> : <App />}
  );
};

License

MIT