JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js"></script>
<script id="resultsTemplate" type="text/x-handlebars-template">
    {{#each this}}
    <div class="result {{Id}}">
        <h3>{{Name}}</h3>
    </div>
    {{/each}}
</script>

CSS

.result {
    margin: 10px;
    padding: 10px;
    background: #eee;
}

JavaScript

var context = [ 
    {
        "Id": "519a423c4bedcac656000a84", 
        "Name": "sdvsdv", 
        "Desc": "**Submitted by David Orriell**\r\n\r\nsdvsdvsdvsdv", 
        "Other keys": "Other values",
    }, {
        "Id": "519a423c4bedcac656000a84", 
        "Name": "sdvsdv", 
        "Desc": "**Submitted by David Orriell**\r\n\r\nsdvsdvsdvsdv", 
        "Other keys": "Other values",
    }
];

var t = Handlebars.compile($('#resultsTemplate').html());
$('body').append(t(context));