50. Project: autosave draft

Проект 2 — автосохранение черновика

Похоже на typeahead, но с одним ключевым отличием: вместо switchMap здесь нужен concatMap.

Почему concatMap, а не switchMap

Для поиска старые результаты не нужны — их можно отменить. Для сохранения отменять нельзя: если данные уже ушли на сервер, отмена клиента ничего не отменит на сервере. Хуже того — если запустить два сохранения параллельно и второе закончится раньше, старый ответ может перезаписать новое состояние.

concatMap ставит сохранения в очередь: одно — после другого. Безопасно и предсказуемо.

const { debounceTime, distinctUntilChanged, concatMap } = Rx;

function createAutosave$(formValue$, saveDraft) {
  return formValue$.pipe(
    debounceTime(20),
    distinctUntilChanged(),
    concatMap(value => saveDraft(value))
  );
}