JSFiddle - React, Tailwind, and code Playground

by urunao

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<h1>ReactJS</h1>
<div id="msg">wait...</div>

CSS

body {
  color: #999;
  padding: 5px 20px;
  line-height: 125%;
}

h1 {
  font-size: 28pt;
}

p {
  font-size: 18pt;
}

#msg {
  padding: 5px 10px;
  color: blue;
  border: 1px solid lightgray;
}

Babel + JSX

var MyComponent = React.createClass({
	displayName: 'my component',
  render: function() {
  	return  (
			<p>Reactのサンプル</p>
		);
  }
});

ReactDOM.render(
	<MyComponent/>,
	document.getElementById('msg')
);