JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src="http://cdn.ractivejs.org/edge/ractive.js"></script>
<script id='template' type='text/ractive'>
    {{#with lol}}
    
        bar: <input value="{{ bar }}"/><br/>
        foo[bar]: <input value="{{ foo[bar] }}"/>
        
    {{/with}}
    
    <div>
        {{JSON.stringify(.)}}
    </div>
</script>

JavaScript

var r = new Ractive({
    el: document.body,
    template: '#template',
    data: {
        lol: {}
    }
})