RxJS. Delay from array
import { of, from } from 'rxjs';
import { map, concatMap, delay } from 'rxjs/operators';
from([2,4,6,8]).pipe(
concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log); Stackblitz (in console):
import { of, from } from 'rxjs';
import { map, concatMap, delay } from 'rxjs/operators';
from([2,4,6,8]).pipe(
concatMap(item => of(item).pipe(delay(1000)))
).subscribe(console.log); Stackblitz (in console):
Основы библиотеки RxJS с примерами + полезные ссылки по RxJS
О том как не надо и как надо делать подписки в rxjs
Создание собственного оператора из имеющихся операторов RxJS для дальнейшего использования в нескольких местах
Проблема заключалась в следующем: когда имеется интерактивный элемент с :focus стилем и вы щелкаете по этому элементу, на нём остаётся focus стиль (outline обводка). У нативной кнопки всё работает as expected, но стоит её добавить любой стиль и, как побочный эффект, меняется её поведение.
Небольшой разбор кода скриптов, просто было интересно понять, что примерно происходит.
Сравнение на примере пакетов для маршрутизации, вероятно оно более корректное