JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<div id="content"></div>

<script id="main" type="text/ractive">
   {{#colors:i}}
        <p>
        {{this}}
        {{computeSomething(this)}}
    {{/}}
</script>

JavaScript

var ractive = new Ractive({
    el: '#content',
    template: '#main',
    data: {
        colors: [ 'red', 'green', 'blue' ],
        computeSomething : function(c){
             return [c, "a", "b"]   
        }
    }
})