JSFiddle - React, Tailwind, and code Playground

by rodneyjoyce

HTML

<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />

        <script src="kendo/js/jquery.min.js"></script>
        <script src="kendo/js/kendo.mobile.min.js"></script>


        <script src="viewmodels/games.js"></script>
        <script src="scripts/app.js"></script>


        <div data-role="layout" data-id="tabstrip-layout">

            <div data-role="header">
                <div data-role="navbar">
                    <span data-role="view-title"></span>
                </div>
            </div>

            <div data-role="footer">
                <div data-role="tabstrip">
                    <a href="#games" data-icon="search">Games</a>
                </div>
            </div>
        </div>

        <div id="games"
             data-role="view"
             data-title="Games"
             data-model="app.gamesService.viewModel">

            <ul class="games-list"                
                 data-bind="source: gamesDataSource">
            </ul>

        </div>

        <script type="text/x-kendo-template" id="template">
            <div class="product">
                <h3>#:ProductName#</h3>
                <p>#:kendo.toString(UnitPrice, "c")#</p>
            </div>
        </script>