JSFiddle - React, Tailwind, and code Playground

by zpao

HTML

<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.4.1/react.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.4.1/JSXTransformer.js"></script>

JavaScript 1.7

/** @jsx React.DOM */

// Use <AsideView />
var AsideView = function(){
    var Foo = React.createClass({
        render: function() {
            return <div class="foo">This is Foo</div>;
        }
    });
    
    var Bar = React.createClass({
      render: function() {
         return <div class="Bar"><Foo /></div>;
      }
    });

    return React.createClass({
        render: function() {
            return (
                <div class="wrapper">
                    <Bar />
                </div>
            );
        }
    });
}

React.renderComponent(<AsideView/>, document.body);