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('you moused over');
			console.log(e); //e is sysnthetic event instance
		},
	clickHandler:function clickhandler(e) {
			console.log('you clicked');
			console.log(e); //e is sysnthetic event instance
		},
	render:function(){
		return (
<div onClick={this.clickHandler} onMouseOver={this.mouseOverHandler}>click or mouse over</div>
		)
	}
});

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