JSPM

Found 151057 results for react event hook

react-event-hook

A library for emitting and listening to events in a React application

  • v3.1.2
  • 216.31
  • Published

react-use-event-hook

Same as React's `useCallback`, but returns a stable reference.

  • v0.9.6
  • 195.74
  • Published

@react-hook/event

A React hook for managing event listeners, e.g. removing events when a component unmounts.

  • v1.2.6
  • 126.31
  • Published

use-latest-callback

React hook which returns the latest callback without changing the reference

  • v0.2.4
  • 102.76
  • Published

react-hook-form

Performant, flexible and extensible forms library for React Hooks

  • v7.62.0
  • 101.38
  • Published

use-effect-event

Ponyfill of the experimental `React.useEffectEvent` hook

  • v2.0.3
  • 97.52
  • Published

react-beforeunload

React component and hook which listens to the beforeunload window event.

  • v2.6.0
  • 92.98
  • Published

@react-hook/resize-observer

A React hook that fires a callback whenever ResizeObserver detects a change to its size

  • v2.0.2
  • 90.51
  • Published

@react-input/mask

React input component for masked input.

  • v2.0.4
  • 88.21
  • Published

use-long-press

React hook for detecting click, tap or point and hold event. Easy to use, highly customizable options, thoroughly tested.

  • v3.3.0
  • 86.94
  • Published

make-event-props

Returns an object with on-event callback props curried with provided args.

  • v2.0.0
  • 86.89
  • Published

@hookform/devtools

React Hook Form dev tool to help debugging forms

  • v4.4.0
  • 86.53
  • Published

react-use-draggable-scroll

[![NPM Version](https://img.shields.io/npm/v/react-use-draggable-scroll)](https://www.npmjs.com/package/react-use-draggable-scroll)

  • v0.4.7
  • 84.49
  • Published

@react-hook/debounce

A React hook for debouncing setState and other callbacks

  • v4.0.0
  • 83.02
  • Published

@react-hook/window-size

React hooks for updating components when the size of the `window` changes.

  • v3.1.1
  • 82.71
  • Published

@react-hook/throttle

A React hook for throttling setState and other callbacks

  • v2.2.0
  • 82.47
  • Published

@ai-sdk/react

[React](https://react.dev/) UI components for the [AI SDK](https://ai-sdk.dev/docs):

  • v2.0.27
  • 80.66
  • Published

@react-hook/size

A React hook for measuring the size of HTML elements including when they change

  • v2.1.2
  • 79.73
  • Published

react-script-hook

React hook to dynamically load an external script and know when its loaded

  • v1.7.2
  • 79.27
  • Published

react-swipeable

React Swipe event handler hook

  • v7.0.2
  • 79.09
  • Published

@react-hook/latest

A React hook that updates useRef().current with the most recent value each invocation

  • v1.0.3
  • 78.66
  • Published

react-timer-hook

React timer hook is a custom react hook built to handle timers(countdown), stopwatch and time logic/state in your react component.

  • v4.0.5
  • 76.82
  • Published

react-event-listener

A React component that allow to bind events on the global scope

  • v0.6.6
  • 75.46
  • Published

react-custom-events

A react layer for easily utilizing CustomEvent API

  • v1.1.1
  • 75.46
  • Published

react-hook-form-mui

<div align="center"> <a href="https://react-hook-form-material-ui.vercel.app/" rel="noopener" target="_blank"> <img src="./rhf-mui.png" alt="Material-UI and react-hook-form combined" /> </a> </div>

  • v7.6.2
  • 74.09
  • Published

@react-hook/window-scroll

A React hook for updating components when the scroll position of the window on the y-axis changes

  • v1.3.0
  • 73.21
  • Published

react-hubspot-tracking-code-hook

The HubSpot tracking code function as a hook to use in your React project (SPA) with all the functions available in the HubSpot Tracking code API documentation.

  • v1.2.2
  • 73.07
  • Published

@react-hook/media-query

React hooks that update when media queries change between matched and unmatched states.

  • v1.1.1
  • 72.29
  • Published

@rooks/use-key

Keyboard key handler hook for react

  • v4.11.2
  • 71.75
  • Published

@utsubo/events

react library for custom events. Based on eventemitter3

  • v0.1.7
  • 71.33
  • Published

hook-conditional

Conditionally run different React hooks at runtime with a clean and safe API that follows the Rules of Hooks.

  • v0.2.0
  • 70.23
  • Published

@react-input/core

The core of the packages included in the `@react-input` scope.

  • v2.0.2
  • 68.26
  • Published

@react-hook/mouse-position

A React hook for tracking the position, hover, and down state of the mouse as it interacts with an element with interop between touch and mouse devices.

  • v4.1.3
  • 67.53
  • Published

react-rx

React + RxJS = <3

  • v4.1.31
  • 67.46
  • Published

use-local-storage

A flexible React Hook for using Local Storage.

  • v3.0.0
  • 67.25
  • Published

use-ripple-hook

Customizable, lightweight React hook for implementing Google's Material UI style ripple effect

  • v1.0.24
  • 65.95
  • Published

use-device-pixel-ratio

React hook for finding device pixel ratio (DPR), optionally capping/rounding

  • v1.1.2
  • 65.73
  • Published

transition-hook

☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group

  • v1.5.2
  • 65.54
  • Published

use-elapsed-time

React hook to measure elapsed time using requestAnimationFrame

  • v3.0.4
  • 64.34
  • Published

tinykeys

A tiny (~650 B) & modern library for keybindings.

  • v3.0.0
  • 64.17
  • Published

use-effect-reducer

A [React hook](https://reactjs.org/docs/hooks-intro.html) for managing side-effects in your reducers.

  • v0.7.0
  • 63.47
  • Published

reakeys

React Hotkeys Hooks

  • v2.0.6
  • 63.11
  • Published

@react-hookz/web

React hooks done right, for browser and SSR.

  • v25.1.1
  • 63.03
  • Published

react-hook-inview

React Hook for detecting when an element is in the viewport

  • v4.5.1
  • 62.63
  • Published

use-resize-observer

A React hook that allows you to use a ResizeObserver to measure an element's size.

  • v9.1.0
  • 62.10
  • Published

use-image

Custom React Hook for loading images.

  • v1.1.4
  • 61.86
  • Published

react-native-event-listeners

(This package isn't only restricted to react-native projects. The source is written in plain js with no dependencies to react-native.)

  • v1.0.7
  • 61.55
  • Published

@vanyapr/transition-hook

☄️ An extremely light-weight react transition animation hook which is simpler and easier to use than react-transition-group

  • v1.5.4
  • 61.29
  • Published

@hookform/lenses

Type-safe lenses for React Hook Form that enable precise control over nested form state. Build reusable form components with composable operations, array handling, and full TypeScript support.

  • v0.8.1
  • 61.21
  • Published

react-geolocated

React hook for using Geolocation API

  • v4.3.0
  • 61.02
  • Published

use-clamp-text

react hook to clamp multiline text to a given height in a responsive way (in < 2.5kb)

  • v1.1.1
  • 60.60
  • Published

react-jw-player

A React component for launching JW Player instances on the client.

  • v1.19.1
  • 60.42
  • Published

react-in-view

Add in/exit event hook when a react component enter/leave.

  • v1.0.0
  • 60.13
  • Published

use-ssr

☯️ React hook to determine if you're on the server or browser

  • v1.0.25
  • 60.06
  • Published

@react-hook/previous

A React hook that stores a value from the previous render

  • v1.0.1
  • 59.95
  • Published

@gsap/react

Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()

  • v2.1.2
  • 59.61
  • Published

react-cool-dimensions

React hook to measure an element's size and handle responsive components.

  • v3.0.1
  • 59.40
  • Published

use-editable

A small React hook to turn elements into fully renderable & editable content surfaces, like code editors, using contenteditable (and magic)

  • v2.3.3
  • 59.13
  • Published

@smakss/react-scroll-direction

Enhance your React apps with advanced scroll detection using @smakss/react-scroll-direction. This powerful hook not only detects scroll direction but also provides scroll position information. Ideal for React, Remix, Next.js, and Gatsby projects, it comes

  • v4.2.0
  • 58.91
  • Published

react-interval-hook

React hook for using self-correcting setInterval, augmented by management methods (start, stop, isActive)

  • v1.1.5
  • 58.84
  • Published

react-table

Hooks for building lightweight, fast and extendable datagrids for React

  • v7.8.0
  • 58.65
  • Published

use-bus

> React hook to subscribe and dispatch events across React components

  • v2.5.2
  • 58.40
  • Published

react-dropzone

Simple HTML5 drag-drop zone with React.js

  • v14.3.8
  • 57.66
  • Published

@react-hook/copy

A React hook for copying text to the clipboard

  • v2.0.1
  • 57.64
  • Published

use-double-tap

React hook for handling double tap on mobile devices

  • v1.3.7
  • 57.30
  • Published

react-hook-mousetrap

A react hook to trigger callbacks on specified key combo with mousetrap

  • v2.0.4
  • 57.23
  • Published

@react-hook/hover

A React hook for tracking the hover state of DOM elements in browsers where hovering is possible

  • v4.0.0
  • 57.09
  • Published

react-resize-aware

A React hook that makes it possible to listen to element resize events.

  • v4.0.0
  • 57.04
  • Published

@wavesurfer/react

React component and hook for wavesurfer.js

  • v1.0.11
  • 56.96
  • Published

react-text-to-speech

An easy-to-use React.js component that leverages the Web Speech API to convert text to speech.

  • v2.1.2
  • 56.89
  • Published

react-cool-inview

React hook to monitor an element enters or leaves the viewport (or another element).

  • v3.0.1
  • 56.27
  • Published

zustand

🐻 Bear necessities for state management in React

  • v5.0.8
  • 56.07
  • Published

interpret

A dictionary of file extensions and associated module loaders.

  • v3.1.1
  • 55.65
  • Published

use-pull-to-refresh

A simple React custom hook for pull-to-refresh function that support NextJs

  • v2.4.1
  • 55.34
  • Published

use-exit-intent

A React Hook to handle exit intent strategies

  • v1.1.0
  • 55.05
  • Published

react-hook-size

React hook to handle DOM element size

  • v1.3.5
  • 54.81
  • Published

@chakra-ui/color-mode

React component and hooks for handling light and dark mode.

  • v2.2.0
  • 54.76
  • Published

usetimeout-react-hook

React.js custom hook that sets a leak-safe timeout and returns a function to cancel it before the timeout expires.

  • v0.1.2
  • 54.35
  • Published

@sanity/preview-kit

General purpose utils for live content and visual editing

  • v6.1.3
  • 54.09
  • Published

use-scramble

React hook for random text animations

  • v2.2.15
  • 53.95
  • Published

tilg

A tiny logger hook for debugging React components.

  • v0.1.1
  • 53.92
  • Published

react-cool-virtual

A tiny React hook for rendering large datasets like a breeze.

  • v0.7.0
  • 53.87
  • Published

@react-nano/use-event-source

A lightweight EventSource (server-sent-events) hook for react, written in TypeScript

  • v0.16.0
  • 53.72
  • Published

evnty

Async-first, reactive event handling library for complex event flows in browser and Node.js

  • v5.0.0
  • 53.47
  • Published

ts-bus

<p align="center"> <img src="logo.png" width="100" height="100"/> </p>

  • v2.3.1
  • 53.32
  • Published

react-native-listener

A utility component to allow easy access to browser native events

  • v1.1.0
  • 53.03
  • Published

@koale/useworker

useWorker() - Web worker using React hook

  • v4.1.2
  • 53.01
  • Published

@vx/event

vx event

  • v0.0.199
  • 52.87
  • Published

react-hook-thunk-reducer

Extends React's useReducer() hook so that the dispatcher supports thunks.

  • v0.3.0
  • 52.80
  • Published

ismounted

React hook to check if the component is still mounted

  • v0.1.8
  • 52.77
  • Published

@react-hook/change

A React hook that invokes a callback anytime a value changes

  • v1.0.0
  • 52.57
  • Published

@react-hook/switch

A React hook for controlling a boolean value with toggle, on, and off callbacks

  • v1.3.3
  • 52.38
  • Published

use-is-in-viewport

A react hook to use the IntersectionObserver declaratively in your React app.

  • v1.0.9
  • 52.08
  • Published

react-localstorage-hook

[![npm package][npm-badge]][npm] ![npm-bundle-size] ![Module formats][module-formats] ![npm-download-count]

  • v0.1.1
  • 51.80
  • Published

usehooks-ts

React hook library, ready to use, written in Typescript.

  • v3.1.1
  • 51.69
  • Published

use-query-params

React Hook for managing state in URL query parameters with easy serialization.

  • v2.2.1
  • 51.68
  • Published

use-key-hook

React hook to handle all the key press.

    • v1.5.0
    • 51.61
    • Published

    swr

    React Hooks library for remote data fetching

    • v2.3.6
    • 51.58
    • Published

    @react-hook/toggle

    A React hook for toggling between two values

    • v2.0.1
    • 51.49
    • Published

    use-analytics

    Analytics hooks for React

    • v1.1.0
    • 51.42
    • Published

    ic-use-actor

    React Hook and context provider to make interacting with Internet Computer canisters more fun!

    • v0.2.0
    • 51.11
    • Published

    react-hook-dimensions

    React Hook to get DOM Element `BoundingClientRect` together with the `page offset` snapshot, that covers all your needs. What makes the package different - You can trigger an update when you really need it.

    • v1.4.0
    • 50.85
    • Published

    use-throttle

    Throttle hook for react

    • v0.0.3
    • 50.76
    • Published

    react-full-screen

    Component and Hook for handling full screen components

    • v1.1.1
    • 50.37
    • Published

    use-immer

    Use immer with React hooks

    • v0.11.0
    • 50.36
    • Published

    @react-hook/hotkey

    A React hook for invoking a callback when hotkeys are pressed

    • v3.1.0
    • 50.24
    • Published

    react-page-visibility

    Declarative, nested, stateful, isomorphic page visibility for React

    • v7.0.0
    • 50.07
    • Published

    use-screen-orientation

    hook for handling screen orientation in react projects for web

    • v1.1.5
    • 50.06
    • Published

    @accessible/use-key

    A React hook for handling `keydown` events on elements

    • v1.0.2
    • 50.02
    • Published

    @chakra-ui/popper

    A React component and hooks wrapper for popper.js

    • v3.1.0
    • 49.97
    • Published

    @chakra-ui/descendant

    Register child nodes of a react element for better accessibility

    • v3.1.0
    • 49.92
    • Published

    rhdp

    RHDP - React Hook Datepicker. A React Hook based primitive to build simple, flexible datepicker components that are WAI-ARIA compliant, and support localization.

    • v3.0.2
    • 49.86
    • Published

    use-async-resource

    A custom React hook for simple data fetching with React Suspense

    • v2.2.2
    • 49.83
    • Published

    react-fps

    * [About the Project](#about-the-project) * [Getting Started](#getting-started) * [Installation](#installation) * [TypeScript](#typescript) * [Usage](#usage) * [Component](#component) * [Props](#props) * [Hook](#hook) * [Roadmap](#roadmap) * [Contributing

    • v1.0.6
    • 49.48
    • Published

    react-easy-infinite-scroll-hook

    A react hook for creating simple, fast and lightweight components with infinite scrolling in any direction, supporting both windowed and scrollable elements.

    • v2.1.4
    • 49.48
    • Published

    react-hook-form-paste

    simple declarative bindings for react-hook-form and Twilio React Paste components.

    • v2.0.0
    • 49.43
    • Published

    use-is-mounted-ref

    📦 useIsMountedRef is a React Hook to check when the component is mounted.

    • v1.5.0
    • 49.16
    • Published

    react-confetti

    React component to draw confetti for your party.

    • v6.4.0
    • 49.14
    • Published

    react-gtm-hook

    Easily manage the Google Tag Manager via Hook

    • v0.0.1
    • 49.13
    • Published

    body-scroll-lock

    Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus)

    • v4.0.0-beta.0
    • 48.67
    • Published

    react-tap-event-plugin

    Facebook's TapEventPlugin, temporarily available on npm until its made public in their repo

    • v3.0.3
    • 48.60
    • Published

    react-bus

    A global event emitter for react.

    • v4.0.1
    • 48.58
    • Published

    @wistia/wistia-player-react

    An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.

      • v0.1.15
      • 48.47
      • Published

      use-breakpoint

      A React hook for getting the current responsive media breakpoint

      • v4.0.6
      • 48.46
      • Published

      react-hook-mask

      React masked input component and hooks

      • v1.1.18
      • 48.27
      • Published

      react-promise-tracker

      Simple React Promise tracker Hook/HOC helper to add loading spinner indicators

      • v2.1.1
      • 47.88
      • Published

      @react-hook/async

      A React hook for gracefully resolving async functions and promises

      • v3.1.1
      • 47.80
      • Published

      @use-it/interval

      A custom React Hook that provides a declarative useInterval.

      • v1.0.0
      • 47.72
      • Published

      react-outer-click

      React component and hook which detect mouse clicks outside of itself.

      • v3.8.0
      • 47.56
      • Published

      mobx-react

      React bindings for MobX. Create fully reactive components.

      • v9.2.0
      • 47.36
      • Published

      react-bottom-scroll-listener

      A simple React component that lets you listen for when you have scrolled to the bottom.

      • v5.2.0
      • 47.27
      • Published

      react-tapper

      Tappable and Swipeable component for React.

      • v0.1.23
      • 47.17
      • Published

      use-persisted-state

      A custom React Hook that provides a multi-instance, multi-tab/browser shared and persistent state.

      • v0.3.3
      • 47.10
      • Published

      use-debouncy

      🌀 Small (~0.2kb) debounce effect hook for React with TypeScript support

      • v5.1.6
      • 47.09
      • Published

      react-auto-controlled

      Component autonomous state control utilities in React class methods and React Hooks

      • v0.2.4
      • 47.07
      • Published

      use-interval

      React hook for setting an interval as posted on overreacted.io

      • v1.4.0
      • 46.66
      • Published

      @react-hooks-hub/use-click-outside

      useClickOutside is a custom React hook designed for detecting clicks outside a specified element or set of elements.

      • v0.0.2
      • 46.52
      • Published

      react-file-drop

      Zero dependency React component for Gmail or Facebook -like drag and drop file uploader. Drag files anywhere onto the window (or user defined 'frame' prop)! Very extensible, provides many hooks so you can use it to develop any custom behavior that you des

      • v3.1.6
      • 46.33
      • Published

      @maskito/react

      The React-specific Maskito's library

      • v3.10.3
      • 46.19
      • Published

      use-element-dimensions

      React Hook to figure out DOM Element dimensions with updates

      • v2.1.3
      • 46.13
      • Published

      react-lazyload

      Lazyload your components, images or anything where performance matters.

      • v3.2.1
      • 45.88
      • Published

      react-cool-portal

      React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.

      • v1.2.0
      • 45.75
      • Published

      adblock-detect-react

      Provides utilities to check if ad block is enabled on a page via both a React hook and a wrapper component.

      • v1.3.1
      • 45.74
      • Published

      wouter

      Minimalist-friendly ~1.5KB router for React

      • v3.7.1
      • 45.59
      • Published