npmpackage.info

Gathering detailed insights and metrics for react-debounce-hook

Other packages similar to react-debounce-hook

@react-hook/debounce

4.0.0

A React hook for debouncing setState and other callbacks

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

@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-debounce-hook

react-debounce-hook - 1.1.19 | npmpackage.info

react-debounce-hook

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

1.1.19

Apache-2.0

TypeScript

646.00 B

346,084 2.8

Installations

npm install react-debounce-hook

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

11.8.0

NPM Version

6.5.0 Score

Supply Chain

82.4

Quality

77.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

7

Closed

6

Merged

1

Issues

Open

1

Total

1

Closed

0

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

TypeScript (58.91%)

JavaScript (41.09%)

Developer

logzio

Download Statistics

Total Downloads

346,084

Last Day

260

Last Week

1,775

Last Month

7,667

Last Year

95,127

GitHub Statistics

Apache-2.0 License

13 Stars

23 Commits

1 Forks

2 Watchers

2 Branches

4 Contributors

Updated on May 13, 2025

Bundle Size

1.37 kB

Minified

646.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 4 Contributors

Package Meta Information

Latest Version

1.1.19

Package Id

react-debounce-hook@1.1.19

Unpacked Size

138.11 kB

Size

54.63 kB

File Count

NPM Version

6.5.0

Node Version

11.8.0

Total Downloads

Cumulative downloads

Total Downloads

346,084

Last Day

22.1%

260

Compared to previous day

Last Week

0.9%

1,775

Compared to previous week

Last Month

1.2%

7,667

Compared to previous month

Last Year

4.7%

95,127

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react

Dev Dependencies

react @types/react ts-loader typescript webpack webpack-cli

use-debounce

A react hook for debouncing an input with state variables in react.

Usage

Simple demo
react-select demo

1import React, { useState } from 'react';
2
3const MyComponent() {
4  const [value, setValue] = useState();
5  const [debouncedValue, setDebouncedValue] = useState();
6
7  useDebounce(value, setDebouncedValue);
8
9  return (
10    <div>
11      <input onChange={({ target: { value } }) => setValue(value)} />
12      
13      {debouncedValue}
14    </div>
15  );
16}

Parameters

`value`

1value: any

Whenever this variable changes, the debounce method is triggered and the timer is started.

`operation`

1operation: (value, ...params) => {...}

If the debounce timer ended without interruption, we call operation with the freshest value of value (+ all the params passed as 4+ arguments.)

`delay`

1delay: number = 400

The debounce delay - after this amount of time operation will be called (without interruption of getting a new value).

`params`

1params: any {...params}

Additional arguments to be passed to your operation, will be spread in the order that were passed.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.8

/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