JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
var Wrapper = React.createClass({
render: function() {
return (
<div className="wrapper">
before
{this.props.children}
after
</div>
);
}
});
var Hello = React.createClass({
render: function() {
return (
<div>
Hello {this.props.name}
</div>
);
}
});
var WrappedHello = React.createClass({
render: function() {
return (
<Wrapper>
<Hello name="World!"/>
</Wrapper>
);
}
});
React.render(<WrappedHello/>,document.body);