RxJS. Подписка в подписке

Когда к нам в компанию приходят новые ребята, то обязательно делают подписку в подписке. Чтобы её избежать в простейшем случае надо использовать операторы mergeMap или switchMap.

import { of } from 'rxjs';
import { map, mergeMap } from 'rxjs/operators';

// грязно (subscribe hell)
of('Hello').subscribe(h => {
  of(h + ' world').subscribe(hw => {
    of(hw + '! (1)').subscribe(console.log)
  });
});

// лаконично. mergeMap или switchMap
of('Hello').pipe(
  mergeMap(h => of(h + ' world')),
  mergeMap(hw => of(hw + '! (2)')),
).subscribe(console.log);

Stackblitz

Похожие записи

Поисковый запрос с помощью RxJS

Показательная и востребованная задача. Получение набираемого запроса из поля ввода через полсекунды после того, как пользователь закончил ввод с показом лоадера.

Не ставить фокус по клику

Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.