JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.rawgit.com/Riim/cellx/master/cellx.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.32/browser.min.js"></script>
<script type="text/ecmascript-7">
let d = cellx.d;
class MyClass extends cellx.EventEmitter {
@d.observable a = 1;
@d.observable b = 2;
@d.computed c = function() { return this.a + this.b; };
constructor() {
super();
this.on('change:c', function() {
console.log('Париметр изменен и равен ' + this.c);
});
this.a = 5;
this.b = 10;
}
}
new MyClass();
</script>
JavaScript
Array.prototype.forEach.call(document.querySelectorAll('script[type="text/ecmascript-7"]'), function(script) {
babel.run(script.innerHTML, {
optional: ['es7.classProperties', 'es7.decorators', 'es7.functionBind']
});
});