❤
npm
Sign UpSign In

linear-debounce

1.1.2 • Public • Published

LINEAR

Greenkeeper badge Build Status npm version

npm install linear-debounce

Multiple debounce actions sequencer

Linear allows debouncing more than one function at a time, making it simple to respond to one event with multiple functions, or at different times:

window.addEventListener('scroll', linear({
    '0': () => console.log('this will happen immediately'),
    '2500': () => console.log('this will happen after 2.5 seconds'),
    '5000': () => console.log('this will happen after 5 seconds'),
}));

It is also possible to pass multiple functions to fire on the same delay using an array of functions:

window.addEventListener('scroll', linear({
    '2500': [
        () => console.log('this will happen after 2.5 seconds'),
        () => console.log('this will happen after 2.5 seconds'),
        () => console.log('this will happen after 2.5 seconds')
    ]
}));

Sometimes you would want to cancel the already initiated events from being fired, for example, when your app's state changes and you do not expect the debounced actions anymore. To cancel the events, simply call cancel:

 const isTypingDebouncer = linear({
    '0': () => this.setState({userTyping: true}),
    '3000': () => this.setState({userTyping: false})
});
 
isTypingDebouncer(); // initiates the debounced actions
 
isTypingDebouncer.cancel(); // clears existing timeouts, in our case, only `0` will fire.

Note: Calling cancel will not prevent future timeouts from being created. It only clears the ones that have already initiated. Calling isTypingDebouncer again, for example, will re-start the count.

Readme

Keywords

none

Package Sidebar

Install

npm i linear-debounce

Repository

github.com/ealush/linear-debounce

Homepage

github.com/ealush/linear-debounce#readme

Weekly Downloads

454

Version

1.1.2

License

MIT

Unpacked Size

4.76 kB

Total Files

4

Last publish

Collaborators

  • ealush
Try on RunKit
Report malware