React Base Fiddle (JSX)

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

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-15.0.1.js"></script>
<script src="https://fb.me/react-dom-15.0.1.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

JavaScript 1.7

var PersonForm = React.createClass({
  render() {
    return <form onSubmit={this.handleSubmit}>
    	<div>
      	<label htmlFor="name"/>
      	<input type="text" name="name" value={this.state.name} onChange={this.bindState('name')} />
      </div>
      <div>
      	<label htmlFor="age"/>
      	<input type="number" name="age" value={this.state.age} onChange={this.bindState('age')}/>
      </div>
    	<div><input type="submit" value="Save"/></div>    
    </form>;
  },
  getInitialState() {
  	return this.props.person;
  },
  bindState(property) {
  	return (event) => { this.setState({ [property]: event.target.value }); };
  },
  handleSubmit(event) {
  	event.preventDefault();
  	dispatch({type:'FORM_SUBMITTED', person: this.state});
  }
});

var data = {name:"Eugene",age:46};

ReactDOM.render(
  <PersonForm person={data} />,
  document.getElementById('container')
);

// pretend this is redux's dispatch function
function dispatch(action) {console.dir(action);}