JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.3.1324/js/kendo.all.min.js"></script>
<div id="container"></div>

<script type="text/x-kendo-template" id="taskTemplate">
    <h1>#=listName #</h1>
    <ul>
        # for (var i=0; i<tasks.length; i++) { #
        <li>#=tasks[i]["name"] # <b>Priority:</b> #=tasks[i]["priority"] #</li>
        # } #
    </ul>
</script>

JavaScript

var data = {
    listName: "ToDo",
    tasks: [
        { name: "Write demo", priority: "high"},
        { name: "Go to sleep", priority: "low"}
        ]
};

var template = kendo.template($("#taskTemplate").html())(data);
$("#container").html(template);