Skip to main content

Introduction

A collection of helpers for use in React projects.

Installation​

npm install @wethegit/react-hooks

Hooks​

useAnimatePresence​

Helps you animate components in and out of the DOM.

useAsync​

Manages the calling of an asynchronous function, while providing the return data and the state of the function call.

useInView​

Detects whether a DOM element is in the viewport, using the IntersectionObserver API.

useMediaQuery​

Matching a media query.

usePersistedMediaQuery​

Matching a media query and persisting the result in localStorage.

usePersistedState​

Persisting state in localStorage.

usePreventScroll​

Prevents scrolling of the <body> element.

useUserPrefs​

Maintains a globally-available data store for the user's a11y preferences.