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):
В async pipe за вас отпишется Angular. Во всех остальных случаях лучше отписываться самостоятельно. Допускается не отписываться в потоках, где будет гарантировано вызван complete.
Загрузка изображения вне DOM с последующей подменой
console.log('%ctyapk', 'color: white; background: #212529; font-size: 32px'); Способ с использованием Map (ключи -параметры запроса) и rxjs операторов publishReplay(1), refCount()
Небольшой разбор кода скриптов, просто было интересно понять, что примерно происходит.
Рассмотрены библиотеки для соединения DOM элементов стрелками. В результате исследования выбор остановился на leader-line