quisido / use-page-transition

React hook for listening to page visibility events

usePageTransition

Listen for page transition (visibility and persistence) events with a React hook.

• Install
• Use
• Sponsor

Install

• npm install use-page-transition or
• yarn add use-page-transition

Use

function App() {
  const [isVisible, isPersistent] = usePageTransition();
  return (
    <p>
      The page is {isVisible ? 'visible' : 'hidden'}
      {isPersistent ? ' and persisted' : ''}.
    </p>
  );
}

Sponsor 💗

If you are a fan of this project, you may become a sponsor via GitHub's Sponsors Program.