RxJS debugging tools

rxjs-watcher

https://github.com/xripcsu/rxjs-watcher

Установка пакета и расширения chrome или firefox

npm i rxjs-watcher --save-dev

Пример из документации

import { watch } from "rxjs-watcher";

interval(2000)
  .pipe(
    watch("Interval (2000)", 10),
    filter(v => v % 2 === 0),
    watch("Filter odd numbers out", 10),
  ).subscribe();

Результат в консоли разработчика: RxJS watcher

rxjs-spy

https://github.com/cartant/rxjs-spy

Плотно с инструментом не работал, но есть страница с online примером, где показана как в консоли весьма гибоко можно запускать/смотреть подписки вместо примитивного tap(console.log).

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

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

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