useDeepCompareLayoutEffect

Usage is the same as useLayoutEffect, but deps are compared with react-fast-compare.

Overview

Usage is the same as useLayoutEffect, but deps are compared with react-fast-compare.

pnpm dlx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useDeepCompareLayoutEffect.json

npx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useDeepCompareLayoutEffect.json

yarn shadcn@latest add https://shadcn-ahooks.vercel.app/r/useDeepCompareLayoutEffect.json

bun shadcn@latest add https://shadcn-ahooks.vercel.app/r/useDeepCompareLayoutEffect.json

Usage is the same as useLayoutEffect, but deps are compared with react-fast-compare.

useDeepCompareLayoutEffect(
  effect: React.EffectCallback,
  deps: React.DependencyList
);

useDeepCompareEffect

Usage is the same as useEffect, but deps are compared with react-fast-compare.

useDocumentVisibility

A Hook can tell if the page is visible, refer to [visibilityState API](https://developer.mozilla.org/docs/Web/API/Document/visibilityState)