JSFiddle - React, Tailwind, and code Playground

by JayData

HTML

<script src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script src="http://include.jaydata.org/jaydata.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.js"></script>
<script src="http://include.jaydata.org/jaydatamodules/handlebars.js"></script>
<script src="http://jaydata.org/examples/scripts/example/knokout_northwind.js"></script>
<script id="Product" type="text/x-handlebars">
    <li><a href="#">{{Product_Name}}</a></li>
</script>

<script id="ProductArrayTemplate" type="text/x-handlebars">
    <ul>
        {{#each .}} {{renderEntity}} {{/each }}
    </ul>
</script>

<div id="ProductList" style="width:300px;float:left">
    
</div>

JavaScript

var northwind = new JayDataExamples.NorthwindDB.NorthwindEntities({ name: 'oData', oDataServiceHost: 'http://jaydata.org/examples/Northwind.svc' });

northwind.onReady(function () {
    northwind.Products
        .renderTo('#ProductList', 'ProductArrayTemplate');
});