perfect-debounce

Improved debounce function with Promise support.

Features

• Well tested debounce implementation
• Native Promise support
• Avoid duplicate calls while promise is being resolved
• Configurable trailing and leading behavior

Usage

Install package:

1# npm
2npm install perfect-debounce
3
4# yarn
5yarn add perfect-debounce
6
7# pnpm
8pnpm add perfect-debounce

Import:

1// ESM
2import { debounce } from 'perfect-debounce'
3
4// CommonJS
5const { debounce } = require('perfect-debounce')

Debounce function:

1const debounced = debounce(async () => {
2  // Some heavy stuff
3}, 25)

When calling debounced, it will wait at least for 25ms as configured before actually calling our function. This helps to avoid multiple calls.

To avoid initial wait, we can set leading: true option. It will cause function to be immediately called if there is no other call:

1const debounced = debounce(async () => {
2  // Some heavy stuff
3}, 25, { leading: true })

If executing async function takes longer than debounce value, duplicate calls will be still prevented a last call will happen. To disable this behavior, we can set trailing: false option:

1const debounced = debounce(async () => {
2  // Some heavy stuff
3}, 25, { trailing: false })

💻 Development

• Clone this repository
• Enable Corepack using corepack enable (use npm i -g corepack for Node.js < 16.10)
• Install dependencies using pnpm install
• Run interactive tests using pnpm dev

License

Made with 💛

Based on sindresorhus/p-debounce.

Published under MIT License.