JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.js"></script>
<div id="results">
</div>

JavaScript

/*jshint multistr: true */
var template = 
"{{#users.length}}\
    <ul>\
        {{#users}}\
            <li>{{.}}</li>\
        {{/users}}\
    </ul>\
{{/users.length}}\
{{^users.length}}\
    <p>No Users</p>\
{{/users.length}}";

var data = 
$("#results").append(Mustache.render(template, { users: ['Tom', 'Jerry'] }));
$("#results").append(Mustache.render(template, {users:[]}));