JSFiddle - React, Tailwind, and code Playground

by kyllle

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
<div class="js-app"></div>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500);

* {
  -webkit-font-smoothing: antialiased;
}

body {
    padding: 5%;
    color: #191919;
}

Babel + JSX

var Hello = React.createClass({
    render: function() {
        return (
        	<div>
              <h1>Hello {this.props.name}</h1>
          </div>
    	)
    }
});
ReactDOM.render(<Hello name="World" />, document.body.querySelector('.js-app'));