JSFiddle - React, Tailwind, and code Playground

by Adam Mendoza

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta2/handlebars.min.js"></script>
<script id="t" type="text/x-handlebars-template">
    < li > {
        {
            content
        }
    } < /li>
</script>
<ul></ul>

CSS

ul {
    overflow: hidden;
    background: #afa;
}
li {
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    background: #888;
    color: #fff;
}

JavaScript

var $ul = $('ul');
var t = Handlebars.compile($('#t').html());
for (var i = 0; i < 11; ++i)
$ul.append(t({
    content: i + 1
}));