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 MyComponent = React.createClass({
	mouseOverHandler:function mouseOverHandler(e) {
			console.log(this); //this is component instance
			console.log(e); //e is sysnthetic event instance
		},
	render:function(){
		return (
			<div onMouseOver={this.mouseOverHandler}>mouse over me</div>
		)
	}
});

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