React Base Fiddle (JSX)

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

by oriweingart

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="app">
</div>

JavaScript 1.7

var Name = React.createClass({
    render: function() {
        return <div>{this.props.name}</div>
    }
});
// App component
var App = React.createClass({
 names: ['Jacob', 'William', 'Michael', 'James', 'Smith', 'Miller'],
    handleClick: function() {
      var randomName = this.names[Math.floor(Math.random()*this.names.length)];
    	this.setState({name: randomName});
    },
    getInitialState: function() {
    		return {name: this.names[0] }
 		},
    render: function() {
        return <div>
		      <button onClick={this.handleClick}>Select Random Name</button>
		      <Name name={this.state.name} />
               </div>;
    }
});
// Init the react root element
ReactDOM.render(
	<App />,
    document.getElementById('app')
);