JSFiddle - React, Tailwind, and code Playground

by dexygen

HTML

<script type="text/html" id='tpl'><%=foo%></script>
<div id="foobarbaz"></div>

JavaScript

var _obj = new _Instance({foo: 'bar'});
var renderTpl = function() { 
	foobarbaz.innerHTML = _.template(tpl.innerHTML)(_obj) 
};

renderTpl();
_obj.foo = 'baz'

function _Instance(cfg) {
    for (var key in cfg) {
        this[key] = cfg[key];
        Object.defineProperty(this, key, {
            configurable: true,
            enumerable: true,
            set: function(val) {
                cfg[key] = val;
                setTimeout(renderTpl, 5000);
            },
            get: function() {
                return cfg[key];
            }
        });
    }
}