JSFiddle - React, Tailwind, and code Playground

by Andre Staltz

HTML

<div id="container"></div>
<script src="https://rawgit.com/staltz/cycle/59659626685cd63f351b3fead3a0aef3fd58d5de/dist/cycle.min.js"></script>

JavaScript

var Rx = Cycle.Rx;
var h = Cycle.h;

function someElement(text, condition) {
  return condition ? h('h1', text) : null;
}

function computer() {
  return Rx.Observable.just(h('div', [
    someElement('Should be visible', true),
    someElement('Should be hidden', false)
  ]));
}

Cycle.applyToDOM('#container', computer);