JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src="//cdn.ractivejs.org/latest/ractive.js"></script>

JavaScript

var component = Ractive.extend({
    //el: 'body',
    template: 'component: {{name}}'
});

var ractive = new Ractive({
    el: 'body',
    data: {
        name: 'testname',
        show: true
    },
    template: '\
        {{#show}}<component/>{{/show}}\
        <br>Uncheck to raise error <input type="checkbox" checked="{{show}}" />\
    ',
    components: {
        component: component
    }
});