JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script id='template' type='text/ractive'>
    <input value="{{ foo }}"/>
    <c/>
</script>

JavaScript

var r = new Ractive({
    el: document.body,
    template: '#template',
    data: {
        foo: 'bar'
    },
    components: {
        c: Ractive.extend({
            template: '{{~/foo}}',
            oninit: function(){
                console.log(this.get('foo'))
            }
        
        })
    }
})