JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://fb.me/react-dom-0.14.3.js"></script>
<script src="https://fb.me/react-0.14.3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
<div id='reactDom' style="border: 1px solid red; padding: 20px;"></div>

<script type="text/babel">
	// var dateTable = {}

// dateTable.dateTableActive = React.createClass({
// 	getInitialState : function(){
// 		return {}
// 	},
// 	render : function(){

// 	}
// })

// dateTable.dateRow = React.createClass({
// 	getInitialState : function(){
// 		return {}
// 	},
// 	render : function(){
		
// 	}
// })

var dateImage = React.createClass({
	render : function(){
		return (<td>
				<div class="event_mdl-slider">
					<div class="event_slider relative" id="event_slider_id">
						<div class="item"><i style="font-size:40px;" id="slider_1" class="fa fa-file-image-o"></i></div>
						<div class="item"><i style="font-size:40px;" id="slider_2" class="fa fa-file-text-o"></i></div>
					</div>
				</div>
			</td>);
	}
})

React.render(<dateImage onload={alert(1)}/>, document.getElementById('reactDom'))
</script>