JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.9.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.9.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<div class="foo">
    <div class="bar"></div>
</div>

JavaScript 1.7

/** @jsx React.DOM */

$('.bar').on('click', function(e) {
  e.stopPropagation();
});

setTimeout()

var Hello = React.createClass({
    handleClick: function() {
        // THIS DOESN'T HAPPEN BECAUSE STOP PROPAGATION
        // PREVENTS REACT'S VDOM FROM GETTING THE EVENT
        console.log('handleClick');
    },
    render: function() {
        return <div onClick={this.handleClick}>Hello {this.props.name}</div>;
    }
});
 
React.renderComponent(<Hello name="World" />, $('.bar')[0]);