React Base Fiddle (JSX)

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

by netsi1964

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>
<div id="result"></div>

JavaScript 1.7

var HelloMessage = React.createClass({
getInitialState: function() {
    return {value: this.props.name};
  },
  handleChange: function(event) {
    this.setState({value: event.target.value});
  },
  render: function() {
    var value = this.state.value;
return <div>
    <input value={value} onChange={this.handleChange} />
    Hello there "{value.toUpperCase()}" aka {value}</div>;
  }
});

React.render(<HelloMessage name="John" />, mountNode);