JSFiddle - React, Tailwind, and code Playground

by hrebejk

HTML

<div data-bind="text : title"></div>
<div data-bind="ifnot : loaded">Loading ...</div>
<div data-bind="if : loaded">
    <div data-bind="foreach: data"> 
        <div data-bind="text: oi"></div>
    </div>        
</div>

JavaScript

var model = {
    title : "Something",
    loaded : ko.observable( false ),
    data : ko.observableArray( [] )
};

ko.applyBindings( model );

var x = [];

for( i = 0; i < 10000; i++ ) {
    x.push( { i : i,
              oi : ko.observable( i )  } );
}

model.data( x );
var start = new Date();
model.loaded( true );
alert( "Render took " + ( new Date().getTime() - start.getTime() ) );