React Base Fiddle (JSX)

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

by Niranjan

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://fb.me/JSXTransformer-0.12.2.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

JavaScript 1.7

var Badge = React.createClass({

  render: function() {
    return <button className = "btn btn-primary"
    type = "button" > {
      this.props.title
    } < span className = "badge" > {
      this.props.number
    } < /span> < /button>
  }
});

var options = {
  title: 'Sent',
  number: 32
};
var element = React.createElement(Badge, options);

ReactDOM.render(element, document.body);