JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css "></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.mobile.all.min.css">
<div data-role="view" >
    <ul data-role="listview" data-style="inset" data-type="group" data-bind="source: sections" data-template="section-template">
    </ul>
    <script id="section-template" type="text/x-kendo-template">
        <li>
            ${description}
            <ul data-role="listview" data-bind="source: fields" data-template="field-template"></ul>
        </li>
    </script>
    <script id="field-template" type="text/x-kendo-template">
        <li>
            ${name}
        </li>
    </script>
</div>

JavaScript

var viewModel = new kendo.observable({
    sections: [
                {   description: "Example 1",
                    fields: [
                        { name: "A" },
                        { name: "B" },
                        { name: "C" }
                            ]
                },
                {   description: "Example 2",
                    fields: [
                        { name: "D" },
                        { name: "E" },
                        { name: "F" }
                            ]
                }
              ]
});


//kendo.bind($('div'), viewModel, kendo.mobile.ui); //Doesn't work here
kendo.bind($('div'), viewModel); //Works here

new kendo.mobile.Application();