Reactive programming in Frontend Web Development makes sense as it’s a paradigm focused on reacting to events. The user interacts with the DOM, which broadcasts events.

RxJS is the Swiss Army Knife of Reactive Programming. It gives us a push-based pattern that allows us to respond to events created by the user.

😱 But there’s one major problem. Debugging RxJS Streams can be a nightmare!

This article will introduce you to a new community-owned RxJS Operator aiming to help streamline debugging and provide the ability to do some additional robust debugging techniques.

The debug() Operator

What is this magical operator? It’s the debug() operator (you can find out more here) and can be installed pretty easily:

NPM:

npm install rxjs-debug-operator

Yarn:

yarn add rxjs-debug-operator

It’s also pretty easy to use! Just pipe it into any stream you already have set up:

obs$.pipe(debug());

#typescript #javascript #web-development #rxjs-operators