Skip to content

react-hooks

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

react-hooks

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
README.md
README.md
 
 
deno.json
deno.json
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 
tsdown.config.ts
tsdown.config.ts
 
 
vitest.config.ts
vitest.config.ts
 
 

README.md

@temelj/react-hooks


A collection of React hooks.

Created by Tin Rabzelj jsr License

jsr   •   npm   •   Issues   •   @tinrab


Installation

# npm
$ npm install @temelj/react-hooks
# jsr
$ deno add jsr:@temelj/react-hooks # or jsr add @temelj/react-hooks

Hooks

Async

  • useAbortController
  • useAsyncQueue
  • useAsyncResult
  • useAsyncTask
  • useDebouncedCallback
  • useLimitedCallback
  • useRetry
  • useRetryingAsyncResult
  • useThrottledCallback
  • useTimeoutAsyncResult
  • useTimeoutResult

Browser

  • useBattery
  • useBeforeUnload
  • useBreakpoint
  • useClickAway
  • useClipboardResult
  • useColorScheme
  • useCopyToClipboard
  • useDocumentEvent
  • useDocumentTitle
  • useEventListenerRef
  • useEventListener
  • useFavicon
  • useFocusReturn
  • useFocusTrap
  • useGeolocation
  • useHover
  • useIdle
  • useIntersectionObserver
  • useIsClient
  • useIsMobile
  • useKeyPress
  • useLocalStorage
  • useLockBodyScroll
  • useLongPress
  • useMeasure
  • useMediaQueries
  • useMediaQuery
  • useMergedRefs
  • useMouse
  • useMutationObserver
  • useNetworkState
  • useOnlineResult
  • useOrientation
  • usePageLeave
  • usePreferredLanguage
  • usePrefersReducedMotion
  • useScript
  • useScrollLock
  • useSessionStorage
  • useVisibilityChange
  • useWindowEvent
  • useWindowScroll
  • useWindowSize

Collections

  • useList
  • useMap
  • useQueue
  • useSet

Math

  • useDragRect
  • useDragVector
  • useElementCenter
  • useElementRect
  • useMouseVector
  • usePointerVector
  • useRectIntersection
  • useRect
  • useResizeObserver

State

  • useAsyncResultEffect
  • useBoolean
  • useControllableState
  • useCounter
  • useDefault
  • useDisclosure
  • useEnumState
  • useHistoryState
  • useIsFirstRender
  • useIsomorphicLayoutEffect
  • useLatestRef
  • useMounted
  • useObjectState
  • usePreviousDistinct
  • usePrevious
  • useRenderCount
  • useRenderInfo
  • useResultEffect
  • useResultMemo
  • useResultReducer
  • useResultState
  • useStableCallback
  • useToggle
  • useUndoRedo

Timers

  • useAnimationFrame
  • useContinuousRetry
  • useCountdown
  • useDebounce
  • useIntervalCallback
  • useIntervalWhen
  • useInterval
  • useRafLoop
  • useRandomInterval
  • useThrottle
  • useTimeoutCallback
  • useTimeout

About

This package is part of Temelj - a core library for TypeScript.