JSFiddle - React, Tailwind, and code Playground

by uedatakuya

HTML

<script src="https://raw.github.com/tenntenn/simple-binding.js/master/simple-binding.min.js"></script>

JavaScript

var foo = sb.observable(100);
var bar = sb.observable(200);
var hoge = sb.observable(300);

sb.binding(foo, bar)
    .compute(bar, function() {
        return foo() * 2;
    }).bind();

sb.binding(bar, hoge)
    .compute(hoge, function() {
        return bar() * 2;
    }).bind();

foo(400);
console.log(foo());
console.log(bar());
console.log(hoge());