@wetransfer/concorde-debounce

concorde-debounce

Debounce functions. Handy functions to debounce regular and async function executions.

Installation

npm install @wetransfer/concorde-cookie --save

Usage

In the browser

Import the package if your are using a package bundler like Webpack or Parcel:

import { debounce } from '@wetransfer/concorde-debounce';

let counter = 0;
const debounced = debounce(() => counter++);

debounced();
debounced();
debounced();

console.log(counter); // => 1

Or load directly the final bundle on your browser, using a script tag. All concorde.js modules will be available in a global variable called WT:

<!-- This will load the latest version of @wetransfer/concorde-debounce module -->
<script src="https://unpkg.com/@wetransfer/concorde-debounce/dist/concorde-debounce.min.js"></script>
<script>
  var counter = 0;
  var debounced = WT.debounce.debounce(function() {
    return counter++;
  });

  debounced();
  debounced();
  debounced();

  setTimeout(function() {
    console.log(counter); // => 1
  });
</script>

On the server

const { debounce } = require('@wetransfer/concorde-debounce');

let counter = 0;
const debounced = debounce(() => counter++);

debounced();
debounced();
debounced();

console.log(counter); // => 1

Development

In case you want to develop/debug this module while integrating with other project, please follow these steps:

• Run npm link to create a global symlink to that module
• Run npm run build:watch to listen to changes and rebuild the module
• Link to this module from your project with npm link @wetransfer/concorde-debounce

API

Check the available documentation on wetransfer.github.io.