rxjs-devtools

What is it?

rxjs-devtools is a debugging library for RxJS.

Why might you need it?

The usual approach to debugging RxJS-based code involves sprinkling tap operators and logging throughout composed observables. That's something that I find tedious, so I wrote this library and implemented an unobtrusive mechanism for identifying observables and logging and inspecting observable subscriptions.

If you, too, are looking for a less painful RxJS debugging experience, you might find this library useful.

Install

Install the package using NPM:

npm install rxjs-devtools --save-dev

And import the functions for use with TypeScript or ES2015:

import { patch } from "rxjs-devtools";
const patcher = patch();

Or require the module for use with Node or a CommonJS bundler:

const { patch } = require("rxjs-devtools");
const patcher = patch();

Or include the UMD bundle for use as a script:

<script src="https://unpkg.com/rxjs@6/bundles/rxjs.umd.min.js"></script>
<script src="https://unpkg.com/rxjs-devtools@0/bundles/rxjs-devtools.umd.min.js"></script>
<script>
const { patch } = rxjsDevTools;
const patcher = patch();
</script>