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>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.blueopal.min.css "></script>
<div id="container">
    <div id="myList" data-role="listview" data-bind="source:dataSource" data-template="template" style="width:100%"></div>
</div>
<script type="text/kendo-x-template" id="template">
    <div syle="float:left;"><a href="javascript:{}" data-bind="events:{click:alertAction}">title exp1: <span data-bind="text:Title"></span></a></div>
</script>

JavaScript

var vm = new kendo.observable({
    source:{data:[
            {Title:"Test 1"},
                {Title:"Test 2"},
                {Title:"Test 3"},
                {Title:"Test 4"},
                {Title:"Test 5"}
    ]}
    ,
    
    alertAction:function(e){
        alert(e.data.Title);
    }
    
    });
vm.dataSource= new kendo.data.DataSource({
    transport:{
        read:{
            url:"/echo/json/",
            dataType:"json",
            contentType: "application/json; charset=utf-8",
            type:"POST",
        data:{
                json:JSON.stringify(vm.source)
            }
        }        
    },
    schema: {
        data: "data"
        
    }
    });
kendo.bind($("#container"), vm);