JSFiddle - React, Tailwind, and code Playground

by fergal_doyle

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.0.0.js"></script>
<div id="focus">
    <div data-bind="foreach: items">
        <p>
        <span data-bind="text: title"></span> 
        <span data-bind="text: type"></span>
        </p>
    </div>
</div>

JavaScript

var model = {};
model.items = ko.observableArray([]);
ko.applyBindings(model, document.getElementById("focus"));

model.items.push(
    {title: "Fergal", type: "foo"}, 
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"}, 
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"}, 
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"},
    {title: "Fergal", type: "foo"}
);