JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta6/handlebars.min.js"></script>
<div id="view-goes-here"></div>
<script id="t" type="text/x-handlebars-template">
    {{#each users}}
        <p>{{email}}</p>
    {{/each}}
</script>

CSS

#view-goes-here {
    padding: 50px;
    border: 1px solid black;
}

JavaScript

var a = [
  { "ID": 5,    "email": "xx@vflbg.com"     },
  { "ID": 6495, "email": "email@monkey.com" }
];

var M = Backbone.Model.extend({});
var C = Backbone.Collection.extend({
    model: M
});

var c = new C(a);
console.log(c.toJSON());

var t = Handlebars.compile($('#t').html());
$('#view-goes-here').append(
    t({ users: c.toJSON() })
);