JSFiddle - React, Tailwind, and code Playground

by djkojb

HTML

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

JavaScript 1.7

/** @jsx React.DOM */

var Hello = React.createClass({
    
    render: function() {
  
        return <svg viewBox="0 0 100 100" height="100%" width="100%">
        <rect x="5" y="5" width={this.props.w} height="50"
        fill="yellow" stroke="navy" strokeWidth="2"  />
        </svg>
    }
});

var i=0;
function step(i){
    React.renderComponent(<Hello name="World" w={i}/>, document.body);
    i++;
    console.log(i)
    if(i<50) setTimeout(function(){step(i)}, 40);
}
step(i);