JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript
/** @jsx React.DOM */
var TodoList = React.createClass({
render: function() {
var createItem = function(itemText) {
return <li>{itemText}</li>;
};
return <ul>{this.props.items.map(createItem)}</ul>;
}
});
var elt = getRandEls();
function getRandEls(){
var numb = 2000;
var res = [];
for(var i = 0; i<numb;i++){
res.push(Math.random()+'');
}
return res;
}
var k = 0;
var TodoApp = React.createClass({
getInitialState: function() {
var that = this;
setInterval(function(){
elt[Math.floor(Math.random()*2000)] = "*";
k++;
that.setState({items:elt, k:k});
},100);
return {items: elt, text: '', k: k};
},
render: function() {
console.time("render");
var rnd = (
<div>
<div>{this.state.k}</div>
<TodoList items={this.state.items} />
</div>
);
console.timeEnd("render");
return rnd;
}
});
React.renderComponent(<TodoApp />, document.body);