JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<div id='container'/>

Babel + JSX

let HelloComponent = React.createClass({
	clickHandler(){
    $(this.refs.h1).toggle("blind", 500);
  },
	render(){
  	return (
    	<div>
      	<h1 ref='h1'>Hello, world!</h1>
        <button onClick={this.clickHandler}>Fade</button>
      </div>
    ) 
    
  }
})


ReactDOM.render(
  <HelloComponent/>,
  document.getElementById('container')
);