JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script type="text/ractive" id="template">
    {{test}}
</script>
<div id="main"></div>
Check console output

JavaScript

console.group( 'plain Ractive' );
new Ractive({
    onconstruct: function()
    {
        console.log("onconstruct");
    },
    beforeInit: function()
    {
        console.log("beforeInit");
    }
});
console.groupEnd();

console.group( 'extended' );
var fExtend = Ractive.extend({
    onconstruct: function()
    {
        console.log("onconstruct");
    },
    beforeInit: function()
    {
        console.log("beforeInit");
    }
});

new fExtend({
    "el": "#main",
    "template": "#template",
    "data": {"test": "works"}
});
console.groupEnd();