JSFiddle - React, Tailwind, and code Playground

by Dimitar Christoff

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.0/lodash.min.js"></script>
<div></div>

Babel + JSX

class Foo extends React.Component {
	render(){
  	const handleChange = _.debounce(this.props.onChange, 500);
  	return <input onChange={handleChange} />
  }
}

ReactDOM.render(<Foo onChange={(e) => console.log(e.target, e)} />, document.querySelector('div'));