Tools

The idea with this section is to list nice tools that helps you when writing RxJS code

RxJS DevTools

Found on github link https://github.com/kwintenp/rx-devtools The README lists how to install the the npm/ yarn module and also the chrome plugin.

Very nice tool for visualising what your code does and what values will be emitted.

Here is a code on how to run it inside of an Angular project:

  1. import { Observable } from 'rxjs/Observable';
  2. import 'rxjs/add/operator/filter';
  3. import 'rxjs/add/operator/map';
  4. import 'rxjs/add/operator/take';
  6. export class AppComponent {
  7.   constructor() {
  8.     const interval$ = Observable.interval(1000)
  9.       .debug('test map')
  10.       .startWith(10)
  11.       .take(10)
  12.       .filter((val: number) => val % 2 > 0)
  13.       .map((val: number) => val * 2)
  14.       .subscribe();
  15.   }
  16. }

RxFiddle

Just go to the page http://rxfiddle.net/#type=editor and start writing your RxJS expressions. It will show you a visual of what a run looks like. It doesn’t get any simpler.