redux-saga-debouncing.js

// Debouncing
function* handleInput(input) {
  // debounce by 500ms
  yield call(delay, 500)
  ...
}

function* watchInput() {
  let task
  while (true) {
    const { input } = yield take('INPUT_CHANGED')
    if (task) {
      yield cancel(task)
    }
    task = yield fork(handleInput, input)
  }
}
  
// Debouncing written by takeLatest
function* handleInput({ input }) {
  // debounce by 500ms
  yield call(delay, 500)
  ...
}
  
function* watchInput() {
  // will cancel current running handleInput task
  yield takeLatest('INPUT_CHANGED', handleInput);
}