RxTutor: An Interactive sandbox for RxJS Observables

[lgpage]

https://rxtutor.org/

An interactive sandbox for RxJS Observables

https://github.com/lgpage/rxtutor

[voliva]

Wow this is awsome! It's interactive like https://rxmarbles.com/ but you can also change the parameters and code the observable as you like.

Is it possible to use other operators than the one currently selected though? I see that if I'm on the switchMap page, I can only use switchMap

[lgpage]

You can use any operators from rxjs. Each example is meant as a starting point for change and playing around.
You just need to use the destructuring assignment syntax to add the operators you want. For example:

function visualize({ switchMap, map, tap }, one$, two$) {
  return one$.pipe(
    switchMap((a) => two$.pipe(
      map((b) => `${a}${b}`),
      tap((x) => console.log({ x })),
    )),
  );
}

Or you can change the function like such:

function visualize(rx, one$, two$) {
  return one$.pipe(
    rx.switchMap((a) => two$.pipe(
      rx.map((b) => `${a}${b}`),
      rx.tap((x) => console.log({ x })),
    )),
  );
}

[voliva]

Ohh I didn't realise the operators came from within the function, I tried using an import but that didn't work 😅

Thank you!