JSFiddle - React, Tailwind, and code Playground

by webpro

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script id="myTemplate" type="text/x-handlebars-template">
    <h1>{{title}}</h1>
    <ul>
        {{#names}}
            <li>{{name}}</li>
        {{/names}}
    </ul>
</script>

JavaScript

var template = $('#myTemplate').html();

var data = {
    "title": "Story",
    "names": [
        {"name": "Tarzan"},
        {"name": "Jane"}
    ]
};

var compiledTemplate = Handlebars.compile(template);

var result = compiledTemplate(data);

$('body').html(result);