JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.8/handlebars.js"></script>
<div id="output"></div>
<script type="template/handlebars" id="template">
{{#if datax.items }}
  {{#each datax.items }}
  {{@index}}: {{ title }}<br />
  {{/each}}
{{/if}}
</script>

JavaScript

var options = { datax: { items: [
     { title: 'foo' },
     { title: 'bar' }
] } };

var template = Handlebars.compile(document.getElementById('template').innerHTML, options);
document.getElementById('output').innerHTML = template(options);