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://npmcdn.com/react@latest/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/react.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/react-dom.js"></script>

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

Babel + JSX

class App extends React.Component {
  constructor() {
    super();
    this.state = {value: ''};
  }

  render() {
    return (
      <div>
        <p>React version: {React.version}</p>
        <p>Typing into this input will produce warnings in Chrome 52 and React >= 15.2.</p>
        <input
          type="email"
          value={this.state.value}
          onChange={(event) => this.setState({value: event.target.value})} />
      </div>
    );
  }
}

ReactDOM.render(
  <App />,
  document.getElementById('container')
);