21. Поиск: debounceTime + distinctUntilChanged

Классическая комбинация для поиска

Это первый практический «рецепт» курса. Сама по себе ни одна из двух «защит» не справляется с задачей живого поиска:

• Без debounceTime запрос полетит на каждую букву.
• Без distinctUntilChanged повторный набор одного и того же текста (например, после очистки и нового ввода) даст лишний запрос.

Почему такой порядок

Обычно ставят debounceTime раньше distinctUntilChanged. Логика: сначала «успокоить» поток (отсечь промежуточные значения во время быстрого набора), потом уже сравнить стабильное значение с предыдущим стабильным.

input$.pipe(
  debounceTime(30),
  distinctUntilChanged()
)

const { debounceTime, distinctUntilChanged } = Rx;

function createQuery$(input$) {
  return input$.pipe(
    debounceTime(30),
    distinctUntilChanged()
  );
}