React Base Fiddle (JSX)

Starting point for creating JSFiddles with React. This uses React with Addons.

HTML

<script src="http://fb.me/JSXTransformer-0.12.1.js"></script>
<script src="http://fb.me/react-with-addons-0.12.1.js"></script>
<script src="http://facebook.github.io/react/js/jsfiddle-integration.js"></script>

CSS

child {
    background: red!important;
}

body * {
    width: 100%;
    height: 100px;
    display: block;
    line-height: 100px;
    text-align: center;
    background: green;
}

JavaScript 1.7

// Main component to be rendered
var Parent = React.createClass({

    render: function() {
        var ChildName = 'Child';
        return (
            <ChildName />
        );
    }

});

// Dynamic subcomponent render
var Child = React.createClass({

    render: function() {
        return (
            <div>
                I am Child!
            </div>
        );
    }

});

React.render(
    <Parent/>,
    document.body
);