JSFiddle - React, Tailwind, and code Playground

by metavige

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.1.0/rx.all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs-jquery/1.1.6/rx.jquery.js"></script>
<button id="plus">Add</button>
<button id="minus">Minus</button>
<button id="favorite">Favorite</button>
<input type="text" id="score" value="0">

Babel + JSX

var plus = $('#plus').clickAsObservable();
var minus = $('#minus').clickAsObservable();

var favorite = $('#favorite').clickAsObservable().map(100);

var score = Rx.Observable.return(0)
	.merge(plus.map(1))
	.merge(minus.map(-1))
  // .merge(favorite)
	.scan((x, y) => x + y)

score.subscribe(
  v => $('#score').val(v),
  e => console.error(e)
);