JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="http://fb.me/react-with-addons-0.12.2.js"></script>
React events
<div id="react"></div>
<p id="foo"></p>

JavaScript

Foo = React.createClass({
    
    componentWillMount: function () {
        this.inputCallback = _.debounce(function (e) {
            var div = document.getElementById("foo");
            div.innerHTML = e.target.value;
        }, 500);
    },
    inputCallbackDelayed: function (e) {
        e.persist();
        this.inputCallback(e);
    },
    render: function () {
        return React.DOM.div({},
        React.DOM.input({
            onChange: this.inputCallbackDelayed
        }));
    },


});

React.render(Foo(), document.getElementById("react"));