JSFiddle - React, Tailwind, and code Playground

by jaceju

HTML

<script src="http://fb.me/react-with-addons-0.11.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.11.0.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone-react-component/0.7.0/backbone-react-component.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<div id="my-component"></div>

JavaScript 1.7

/** @jsx React.DOM */    
var MyComponent = React.createClass({
  mixins: [Backbone.React.Component.mixin],
  render: function () {
    return <div>{this.props.foo}</div>;
  }
});

var model = new Backbone.Model({foo: 'bar'});

React.renderComponent(<MyComponent model={model} />, document.querySelector('#my-component'));
// Update the UI
model.set('foo', 'Hello world!');