JSFiddle - React, Tailwind, and code Playground

by Konstantin Heinrich

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<ul data-bind="foreach: RandomItems">
    <li data-bind="text: $data"></li>
</ul>

JavaScript

var viewModel = new function() {
    var self = this;
    var dummyItems = [];
    for (var i = 0; i < 400; i++) {
        dummyItems.push(ko.observable(Math.random() * 2));
    }
    self.Items = ko.observableArray(dummyItems);
    self.RandomItems =ko.computed(function() {
        var items = ko.toJS(self.Items);
        return ko.utils.arrayFilter(items, function(item) {
            return item < 10;
        });
    }).extend({throttle: 1});
}();
  
ko.applyBindings(viewModel);