JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
         <div id="example" class="k-content">
             <ul id="netflixTable"  data-role="listview" data-template="rowTemplate" data-bind="source: data"></ul>
           <script id="rowTemplate" type="text/x-kendo-tmpl">
                <ul><li data-bind="text: Name"></li><li data-bind="text: AverageRating"></li></ul>
           </script>
            <script>
                var viewModel = kendo.observable({
                    data: new kendo.data.DataSource ({
                        transport: {
                                read: "http://odata.netflix.com/Catalog/Titles",
                                type: "POST",
                                dataType: "odata"
                            },
                            type: "odata",
                            serverFiltering: true,
                            filter: [{
                                field: "Name",
                                operator: "contains",
                                value: "Star Wars"
                                },{
                                field: "BoxArt.SmallUrl",
                                operator: "neq",
                                value: null
                            }]
                        }) 
                });
                 kendo.bind($("#example"), viewModel);
            </script>
        </div>