20 lines
588 B
JavaScript
20 lines
588 B
JavaScript
|
/**
|
||
|
|
* Microtask debouncer
|
||
|
|
* https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide
|
||
|
|
* @param fn - Function to debounce
|
||
|
|
* @returns debounced function
|
||
|
|
*/ export function debounce(fn) {
|
||
|
|
let pending;
|
||
|
|
return ()=>{
|
||
|
|
if (!pending) {
|
||
|
|
pending = true;
|
||
|
|
queueMicrotask(()=>{
|
||
|
|
// Need to set pending to `false` before the debounced function is run.
|
||
|
|
// React can actually interrupt the function while it's running!
|
||
|
|
pending = false;
|
||
|
|
fn();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|