JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.2/handlebars.js"></script>
<script id="template" type="text/x-handlebars-template">
    {{#each data}}
    <span class="{{@key}}">{{this}}</span>
    {{/each}}
</script>
<div id="result"></div>

JavaScript

var source   = $("#template").html();
var template = Handlebars.compile(source);
var result = template({data: {
    'first': null,
    'second': 'bar',
    'third': 'baz'
}});

$(result).each(function(index, item) {
	var output = $('<div>').text(item.outerHTML);
    $("#result").append(output);
});