JSFiddle - React, Tailwind, and code Playground

by NV

HTML

<script src="http://fb.me/react-with-addons-0.8.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.8.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

JavaScript 1.7

/**
 * @jsx React.DOM
 */

var Dummy = React.createClass({
	mixins: [React.addons.LinkedStateMixin],
	getInitialState: function() {
		return [42, 54];
	},
	render: function() {
		return <div>
			{this.state.map(this.renderItem)}
			<pre>{JSON.stringify(this.state, null, 2)}</pre>
		</div>
	},
	renderItem: function(item, i) {
		return <div>
			<input type="number" valueLink={this.linkState(i)}/>
		</div>
	}
});


React.renderComponent(
	<Dummy/>,
	document.body
);