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

RxJS DevTools

Found on github link 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:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/take';

export class AppComponent {
  constructor() {
    const interval$ = Observable.interval(1000)
      .debug('test map')
      .filter((val: number) => val % 2 > 0)
      .map((val: number) => val * 2)


Just go to the page and start writing your RxJS expressions. It will show you a visual of what a run looks like. It doesn't get any simpler.

results matching ""

    No results matching ""