npmpackage.info

Gathering detailed insights and metrics for @react-hook/debounce

Other packages similar to @react-hook/debounce

use-debounce

10.0.5

Debounce hook for react

use-debouncy

5.1.6

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

react-debounce-hook

1.1.19

A react hook for using a debouncing an input with state variables In react.

@huse/debounce

1.1.2

--- title: README nav: title: Hooks path: /hook group: title: Debounce path: /debounce order: 1 ---

Gathering detailed insights and metrics for @react-hook/debounce

@react-hook/debounce - 4.0.0 | npmpackage.info

@react-hook/debounce

↩ Strongly typed, concurrent mode-safe React hooks

4.0.0

1,513

MIT

TypeScript

431.00 B

27,743,846 2.4

Installations

npm install @react-hook/debounce

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Score

97.9

Supply Chain

Quality

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

15

Total

244

Closed

199

Merged

30

Issues

Open

22

Total

73

Closed

51

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

Shell

TypeScript (85.29%)

JavaScript (14.55%)

Shell (0.17%)

Developer

jaredLunde

Download Statistics

Total Downloads

27,743,846

Last Day

8,634

Last Week

192,208

Last Month

868,335

Last Year

9,454,608

GitHub Statistics

MIT License

1,513 Stars

429 Commits

96 Forks

9 Watchers

14 Branches

27 Contributors

Updated on Jul 05, 2025

Bundle Size

866.00 B

Minified

431.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 27 Contributors

Package Meta Information

Latest Version

4.0.0

Package Id

@react-hook/debounce@4.0.0

Size

8.58 kB

Published on

Jun 18, 2021

Total Downloads

Cumulative downloads

Total Downloads

27,743,846

Last Day

-3.4%

8,634

Compared to previous day

Last Week

-9.5%

192,208

Compared to previous week

Last Month

-1.5%

868,335

Compared to previous month

Last Year

28.5%

9,454,608

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

useDebounce()

npm i @react-hook/debounce

A React hook for debouncing setState and other callbacks

Quick Start

1import {useDebounce, useDebounceCallback} from '@react-hook/debounce'
2
3const Component = (props) => {
4  // at a basic level, used just like useState
5  const [value, setValue] = useDebounce('initialValue')
6}
7
8const useMyCallback = (initialState, wait, leading) => {
9  // this is the same code useDebounce() uses to debounce setState
10  const [state, setState] = useState(initialState)
11  return [state, useDebounceCallback(setState, wait, leading)]
12}

API

useDebounce(initialState, wait?, leading?)

A hook that acts just like React.useState, but with a setState function that is only invoked after the wait time in ms has been exceeded between calls.

1export const useDebounce = <State>(
2  initialState: State | (() => State),
3  wait?: number,
4  leading?: boolean
5): [State, Dispatch<SetStateAction<State>>]

Options

Property	Type	Default	Description
initialState	`State \| (() => State)`		The initial state provided to `React.useState`
wait	`number`	`100`	The amount of time in `ms` you want to wait after the latest call before setting a new state.
leading	`boolean`	`false`	Calls `setState` on the leading edge (right away). When `false`, `setState` will not be called until the next frame is due

Returns `[state, setStateDebounced, setStateImmediate]`

Variable	Type	Description
state	`State`	The current value in state
setStateDebounced	`Function`	A debounced `setState` callback
setStateImmediate	`Function`	The regular, immediate `setState` callback

Note: Using setStateImmediate does not cancel a queued setStateDebounced calls, i.e., the setStateDebounced will still take effect once its wait time is over. If needed, cancelling behavior could typically still be achieved by calling both setStateImmediate and setStateDebounced with the same value.

useDebounceCallback(callback, wait?, leading?)

A hook that will invoke its callback only after wait time in ms has been exceeded between calls.

1export const useDebounceCallback = <CallbackArgs extends any[]>(
2  callback: (...args: CallbackArgs) => void,
3  wait = 100,
4  leading = false
5): ((...args: CallbackArgs) => void)

Options

Property	Type	Default	Description
callback	`(...args: CallbackArgs) => void`		This is the callback you want to debounce. You need to wrap closures/unstable callbacks in `useCallback()` so that they are stable, otherwise throttling will break between renders.
wait	`number`	`100`	Defines the amount of time you want `setState` to wait after the last received action before executing
leading	`boolean`	`false`	Calls `setState` on the leading edge (right away). When `false`, `setState` will not be called until the next frame is due

Returns `debouncedCallback`

Variable	Type	Description
debouncedCallback	`(...args: CallbackArgs) => void`	A debounced version of your callback

LICENSE

MIT

No vulnerabilities found.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

5

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.4

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @react-hook/debounce

Other packages similar to @react-hook/debounce

@react-hook/debounce

Installations

Developer Guide

Yes

CommonJS, ESM

Score

Pull Requests

15

244

199

30

Issues

22

73

51

Releases

Unable to fetch releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

866.00 B

431.00 B

Maintainers

Package Meta Information

Total Downloads

27,743,846

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

useDebounce()

Quick Start

API

useDebounce(initialState, wait?, leading?)

Options

Returns [state, setStateDebounced, setStateImmediate]

useDebounceCallback(callback, wait?, leading?)

Options

Returns debouncedCallback

LICENSE

10

10

5

0

0

0

0

0

0

0

2.4

/10

Returns `[state, setStateDebounced, setStateImmediate]`

Returns `debouncedCallback`