JSFiddle - React, Tailwind, and code Playground

by mattpodwysocki

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.1.18/rx.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.1.18/rx.joinpatterns.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/rxjs/2.1.18/rx.time.js"></script>
<ul id="results"></ul>

JavaScript

function clearLog () {
    document.getElementById('results').innerHTML = '';
}

var log = (function () {
   var elem = document.getElementById('results');
   
    return function (data) {
        var li = document.createElement('li'); 
        li.innerHTML = data;
        elem.appendChild(li);
    };
}());

clearLog();

var source = Rx.Observable.when(
  Rx.Observable.timer(100).and(Rx.Observable.timer(500)).then(function (x, y) { return 'first'; }),
  Rx.Observable.timer(400).and(Rx.Observable.timer(300)).then(function (x, y) { return 'second'; })
);

var subscription = source.subscribe(
  function (x) {
      log('Next: ' + x);
  },
  function (err) {
      log('Error: ' + err);   
  },
  function () {
      log('Completed');   
  });