JSFiddle - React, Tailwind, and code Playground

by rajeevprasanna

HTML

<script src="http://fb.me/react-with-addons-0.8.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.8.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

<div id="content"></div>
<div className='my-infinite-container'></div>

JavaScript 1.7

/** @jsx React.DOM */
 
var Hello = React.createClass({
    render: function() {
        return (<li>Hello {this.props.name}</li>);
    }
});
 
var HelloList = React.createClass({ 
     getInitialState: function() {                            
         var numbers =  [];
         for(var i=1;i<10000;i++){
             numbers.push(i);
         }
         return {data:numbers};
     },

    render: function(){
       var response =  this.state.data.map(function(contact){          
          return (<Hello name="World"></Hello>);
        });
                        
        return (<ul>{response}</ul>)
    }
});
  
React.renderComponent(<HelloList/>, document.getElementById('content'));