Understanding RxJS/ Observables

Understand Observables and how to use them

by Terrance Smith

HTML

<script src="https://unpkg.com/@reactivex/[email protected]/dist/global/Rx.js"></script>

<button>Click me</button>

JavaScript

import { fromEvent, switchMap, interval } from 'rxjs';

var button = document.querySelector('button');
var obs1 = Rx.Observable.fromEvent(button, 'click');
var obs2 = obs1.switchMap(event => obs2);
//var obs1 = obs0.switchMap(event => obs2);

// var obs1 = obs0.pipe(switchMap(
// 	event => {
// 		console.log('t');
//   	console.log(event);
// 		return obs2;
//   }
// ));


var obs2 = Rx.Observable.interval(1000);

obs1.subscribe(
 (value) => console.log(value)
);