# use-debounce-maker

> light weight react custom hook to make function debounced

Latest version **1.0.5** (published 2021-10-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install use-debounce-maker
pnpm add use-debounce-maker
yarn add use-debounce-maker
bun add use-debounce-maker
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2021-10-03 |
| First published | 2021-09-19 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 9.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | github.com/kiran-venugopal |
| Maintainers | kiran-venugopal |

## Links

- npm: https://www.npmjs.com/package/use-debounce-maker
- Repository: https://github.com/kiran-venugopal/use-debounce-maker
- Homepage: https://github.com/kiran-venugopal/use-debounce-maker#usedebouncewrapper
- Issues: https://github.com/kiran-venugopal/use-debounce-maker/issues
- npm.io page: https://npm.io/package/use-debounce-maker

## Dependencies (1)

- [react](https://npm.io/package/react.md) ^17.0.2

## Recent versions

- 1.0.5 (latest) — 2021-10-03
- 1.0.4 — 2021-10-02
- 1.0.3 — 2021-09-19
- 1.0.2 — 2021-09-19
- 1.0.1 — 2021-09-19
- 1.0.0 — 2021-09-19

## README

## useDebounceWrapper

React hook to make a function debounced.
https://www.npmjs.com/package/use-debounce-maker

### Usage

```jsx
import useDebounceMaker from "use-debounce-maker";

export default function Example() {
  //'debouncedMyFunc' is now a debounced version of function myFunc and debounced with 1000 milliseconds.
  const debouncedMyFunc = useDebounceMaker(myFunc, 1000);

  function myFunc(e) {
    console.log("Input value: " + e.target.value);
  }

  return <input onChange={debouncedMyFunc} />;
}
```
[![View on Codesandbox](https://img.shields.io/badge/Codesandbox-000000?style=for-the-badge&logo=CodeSandbox&logoColor=white)](https://codesandbox.io/s/use-debounce-maker-example-jynyf)

### Params

| Param    | Type     | Required | Default | Description                     |
| -------- | -------- | -------- | ------- | ------------------------------- |
| func     | `any`    | `true`   | `null`  | The function to be debounced    |
| duration | `number` | `false`  | `300`   | duration for the debounce delay |

https://www.npmjs.com/package/use-debounce-maker

---
_Source: https://npm.io/package/use-debounce-maker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._