JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://raw.github.com/bcherry/mustache.js/master/mustache.js">
</script>

<script>
var translationTable = { // french
  "<h1>Title: {{title}}</h1>": "<h1>titre: {{title}}</h1>"
};

function _(text, lang) {
  return translationTable[text] || text;
}
</script>

<div id="target"></div>

JavaScript

var view = {
  title: 'this is an object',
  a_list: [{label: 'listitem1'}, {label: 'listitem2'}]
};

var template = "{{_i}}<h1>Title: {{title}}</h1>{{/i}}{{#a_list}}{{label}}<br/>{{/a_list}}"
    
var html = Mustache.to_html(template, view);
$('#target').html( html );