JSFiddle - React, Tailwind, and code Playground

by zhning

HTML

<script src="http://besideriver.com/RiverJS/1.0.8/river.min.js"></script>
<div scope="spec.jon">
    <input type="text" jon="keydown:ctrl(msg)" jbind="msg" placeholder="input anything and then press enter"/>
    <p>{{ msg }}</p>
</div>

JavaScript

var foo = {
    ctrl: function (event, data) {
        foo.data = data;
        if (event.keyCode == 13) {
            me.msg = 'hello world';
        }
    }
}

define('spec.jon', function () {
    return function () {
        me = this;
        this.ctrl = foo.ctrl;
    };
});