JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://fb.me/react-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
<body>
<div id="container"></div>
</body>
Babel + JSX
var HelloMessage = React.createClass({
render: function() {
return (<div><input ref="q" type="text" /></div>);
},
componentDidMount: function() {
this.refs.q.addEventListener(
'click',
function() { alert('click!'); }
);
}
});
ReactDOM.render(
<HelloMessage name="John" />,
document.getElementById('container')
);