JSFiddle - React, Tailwind, and code Playground

by lyczos

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.1/rxjs.umd.js"></script>

JavaScript

const { range, fromEvent, of } = rxjs;
const { map, filter, throttleTime, scan, concatMap, tap } = rxjs.operators;
api = { saveClick: (posX) => of('Ok: ' + posX) };

const click$ = fromEvent(document, 'click');


click$.pipe(
  map(event => event.clientX)
).subscribe(x => {
  console.log('X', x);
  // some api call:
  api.saveClick(x).subscribe(response => {
  	// NESTED SUBSCRIBTION!!! 
  	console.log('data saved: ', response);
  });
});


click$.pipe(
  map(event => event.clientX),
  tap(x => console.log('X', x)), // debug 
  concatMap((x) => api.saveClick(x))
).subscribe(response => {
  console.log('data saved: ', response);
});