React Base Fiddle (JSX)

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

HTML

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

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

JavaScript 1.7

var InputRange = React.createClass({
    getInitialState: function() {
      return {
        points: 5
      };
    },
    handleChange: function(e) {
      e.preventDefault();
      this.setState({points: e.target.value});
    },
    render: function() {
        return <input 
          type="range" 
          name="points"
          min="0" 
          max="10"
          title={this.state.points}
          value={this.state.points}
          onChange={this.handleChange} />;
    }
});
 
React.render(<InputRange />, document.getElementById('container'));