How to use @instructure/debounce - 6 common examples

.filter(key => matchingQueries[key])
      .map(key => key)

    // we only call back if the matches have changed
    if (matches.length !== newMatches.length) {
      matches = newMatches
      cb(matches)
    }

    if (matches.filter(match => newMatches.indexOf(match) === -1).length > 0) {
      matches = newMatches
      cb(matches)
    }
  }

  const debounced = debounce(updateElementMatches, 100, { leading: false, trailing: true })
  const elementResizeListener = addResizeListener(node, debounced)
  const { width, height } = getBoundingClientRect(node)

  updateElementMatches({ width, height })

  return {
    remove () {
      if (elementResizeListener) {
        elementResizeListener.remove()
      }

      if (debounced) {
        debounced.cancel()
      }
    }
  }

componentDidMount () {
    const rect = getBoundingClientRect(this._content)
    // set initial size
    this.props.onSizeChange({width: rect.width, height: rect.height})
    // listen for changes to size
    this._debounced = debounce(this.props.onSizeChange, 100, {leading: false, trailing: true})
    this._resizeListener = addResizeListener(this._content, this._debounced)
  }

return new Promise((resolve, reject) => {
    const debouncedQuery = debounce(runQuery, 10, { leading: false, trailing: true })

    let lastError, observer, timer, lastResult

    lastResult = {}

    function runQuery () {
      if (typeof queryFn !== 'function') {
        lastResult = {
          results: [],
          selector: JSON.stringify(queryFn)
        }
        onDone(new Error([
          '[ui-test-utils] Invalid element query function.',
          lastResult.selector
        ].join('\n')), lastResult)
        return

componentDidMount () {
    this._debounced = debounce(this.handleResize, this.props.debounce, { leading: true, trailing: true })
    this._resizeListener = addResizeListener(this._list, this._debounced)

    this.handleResize()
  }

constructor (props) {
    super(props)

    this.state = {
      positioned: false,
      ...this.calculatePosition(props)
    }

    this.position = debounce(this.position, 0, { leading: false, trailing: true })
    this._id = this.props.id || uid('Position')
  }

componentDidMount () {
    const { children } = this.props

    if (children) {
      this.checkChildren()
      this._text = ensureSingleChild(children)

      this.truncate()

      if (this.props.debounce === 0) {
        this._resizeListener = addResizeListener(this._ref, this.update)
      } else {
        this._debounced = debounce(this.update, this.props.debounce, { leading: true, trailing: true })
        this._resizeListener = addResizeListener(this._ref, this._debounced)
      }
    }
  }