JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<script src="//fb.me/react-0.14.3.js"></script>
<script src="//fb.me/react-dom-0.14.3.js"></script>
<title>React JS</title>
<body>
<div id="root"></div>
</body>
Babel + JSX
// Create a component named MessageComponent
class MessageComponent extends React.Component{
render() {
return (
<div>{this.props.message}</div>
);
}
}
// Render an instance of MessageComponent into document.id
ReactDOM.render(
<MessageComponent message="Hello!" />,
document.getElementById('root')
);