JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script>
<script id='history-template' type='text/x-handlebars-template'>
    {{#each items}}
    <div class="content-inner {{#if viewed}}msg_unseen{{/if}}">                                             
        <div>{{data}}</div>
    </div>
    {{/each}}
</script>


<div id="container"></div>

JavaScript

var data = { items: [
    { data: "hello", id: "c-0" },
    { data: "world", id: "c-1" },
] };

var tmpl = Handlebars.compile($('#history-template').html());

var html = tmpl(data);

$("#container").html(html);