JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.5.1/react.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.5.1/JSXTransformer.js"></script>
CSS
div {
color: red;
}
div:hover {
color: blue;
}
JavaScript 1.7
/** @jsx React.DOM */
var p = .5;
var Table = React.createClass({
handleClick:function(){p += .5; this.forceUpdate();},
render: function () {
var s = {};
s.WebkitTransition = s.MozTransition = 'all ' + p + 's';
return (
<div style={s} onClick={this.handleClick}>hellooo</div>
);
}
});
React.renderComponent(<Table data={[[1,1,1]]}/>, document.body);