React Base Fiddle (JSX)

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

by Cody Lindley

HTML

<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="app"></div>

Babel + JSX

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

var foo; //store a reference to the instance outside of function

var Foo = React.createClass({
	render: function() {
		return <Bar>{foo = this}</Bar>;
	}
});

var FooInstance = ReactDOM.render(<Foo />, document.getElementById('app'));

console.log(FooInstance === foo); //verify return value is reference to Foo instance, logs true