Как легко отлаживать трубы rxjs

Когда я впервые начал приближаться к реактивному программированию и RXJS, я немного пытался понять, как данные протекают через наблюдаемые, трубы, операторы и так далее. Все, что мне нужно было помочь мне, это мраморные диаграммы, но они просто помогли увеличить головную боль.

Я хотел создать что -то, что могло бы помочь новичкам, приближающимся к RXJ, при этом помогая более опытным разработчикам отладить сложные трубы. Вот как Rx-Debugger родился!

Как это работает?

Начать работу с RX-дебуггером очень легко. Все, что вам нужно сделать, это исправить источник, наблюдаемый и использование операторов, экспортируемых библиотекой.

Вот пример:

import { rxDebugger, map, toArray } from 'rx-debugger';
import { of } from 'rxjs';

rxDebugger(of(1, 2, 3))
  .pipe(
    map((item) => item * 2),
    toArray()
  )
  .subscribe();

Это вы получите следование по выходу, красиво напечатанным в консоли: разве это не очень круто?

Кстати, RX-дебуггер поддерживает гораздо больше вариантов, чем просто печать таблиц в консоли. Вы можете найти все варианты в док .

Вклад

RX-Debugger-с открытым исходным кодом и размещен на GitHub Анкет Будучи полностью функциональным, он находится на ранних стадиях развития, и любая помощь или обратная связь будут оценены!

Оригинал: “https://dev.to/corradodellorusso/how-to-easily-debug-rxjs-pipes-2p4e”