React Base Fiddle (JSX)

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

by Ronny

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://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 teams = {
    '123': {name: 'Arizona Wildcats'},
    '456': {name: 'The Bears'}
};

var HelloMessage = React.createClass({
  render: function() {
    return <div>Hello {this.props.activeTeam.name}</div>;
  }
});

var Dashboard = React.createClass({
	render: function() {
      return <div>Welcome <HelloMessage activeTeam={teams[this.props.activeTeam]} /></div>
    }
});

React.render(<Dashboard activeTeam="123" />, document.getElementById('container'));