React Base Fiddle (JSX)

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

by BinaryMuse

HTML

<script src="http://fb.me/JSXTransformer-0.12.1.js"></script>
<script src="http://fb.me/react-with-addons-0.12.1.js"></script>
<script src="http://facebook.github.io/react/js/jsfiddle-integration.js"></script>

CSS

textarea {
  display: block;
}

JavaScript 1.7

var App = React.createClass({
  render: function() {
    return (
      <form onSubmit={this.handleSubmit} ref="form">
        <textarea onKeyPress={this.handleKeyPress} rows={5} cols={20} />
        <input type="submit" value="Submit" />
      </form>
    );
  },
  
  handleSubmit: function(e) {
    alert("submitted");
    e.preventDefault();
  },

  handleKeyPress: function(e) {
    if (e.which == 13 && !e.shiftKey){
      e.preventDefault();
      this.refs.form.getDOMNode().dispatchEvent(new Event("submit"));
    }
  }
});

React.render(<App />, document.body);