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 }));