JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.3.0/mustache.min.js"></script>
<script type="template/text" id="partial">
    <ul>
        {{#name}}
        <li>{{.}}</li>
        {{/name}}
    </ul>
</script>

<script type="template/text" id="main">
    <div>
        <h1>Stooges</h1>
        {{#object1}}
        {{>objPartial}}
        {{/object1}}
    </div>
    <div>
        <h1>Musketeers</h1>
        {{#object2}}
        {{>objPartial}}
        {{/object2}}
    </div>

</script>

JavaScript

var partial = $('#partial').html(),
    main = $('#main').html(),
    data = {
        
        object1: {
            name: ["Curly", "Moe", "Larry"]},
        object2: {
            name: ["Athos", "Porthos", "Aramis", "D'Artagnan"]}
        
    },
    html = Mustache.to_html(main,data, {
        "objPartial": partial
    });

document.write(html);