JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<div id="example" data-template="template" data-bind="source: arr"></div>

<script id="template" type="text/x-kendo-template">
    <div>
        <span data-bind="text: name"></span> || Age: <span data-bind="text: age"></span>
    </div>
</script>

JavaScript

var arr = new kendo.data.ObservableArray([
    { name: "John Doe", age: 23 }, 
    { name: "Jane Doe", age: 23 }
]);

var viewModel = kendo.observable({
    arr: arr 
});

kendo.bind($("#example"), viewModel);

viewModel.arr[0].set("name", "The name was changed!");