simple-reactive-event-loop.js

// Uses https://github.com/krasimir/EventBus

var app = (function (document, bus) {

    function appInit(event, appstate) {
        var response = prompt("Foo?");
        if (response == "foo") {
            bus.dispatch("render", this, {"status": "ok"});
        } else {
            bus.dispatch("render", this, {"status": "errou-mane"});
        }
    }

    function foo(event, appstate) {
        console.log(event, appstate);
    }

    function render(event, appstate) {
        document.getElementById("status").innerHTML = '<button id="foo">' + appstate["status"] + '</button>';
        document.getElementById("foo").onclick = (function(ev) {
            bus.dispatch("foo", this, Object.assign(appstate, {"foo": appstate["status"]}));
        }).bind(this);
    }

    bus.addEventListener("init", appInit);
    bus.addEventListener("render", render);
    bus.addEventListener("foo", foo);

    return bus;
});

app(document, EventBus).dispatch("init", this, {});