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 Badge = React.createClass({
	getDefaultProps:function(){
		console.log(this.props); //note this logs undefined
		return {name:'John Doe'};
	},
	render: function() {
		return <div>{this.props.name}</div>;
	}
});

var BadgeList = React.createClass({
	render: function() {
		return (<div>
			<Badge />
			<Badge name="Tom Willy" />
		</div>);
	}
});

ReactDOM.render(<BadgeList />, document.getElementById('app'));