JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http:////cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
<div id="testmustache"></div>

JavaScript

$(function() {
    
    var template = '{{#props}}\
    <ul>\
    {{#brands}}\
        <li>\
        {{#.}}\
            <b>{{.}}</b>\
        {{/.}}\
        </li>\
    {{/brands}}\
    </ul>\
    {{/props}}';
    
    var json = {"props":{"brands":["nike","adidas","puma"]}};

    var html = Mustache.to_html(template, json); 
    $('div#testmustache').html(html);
    
});