JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@15.6.1/dist/react-with-addons.js"></script>
<script src="https://unpkg.com/react-dom@15.6.1/dist/react-dom.js"></script>
<script src="https://unpkg.com/create-react-class@15.6.0/create-react-class.min"></script>
   <div id="container"></div>

CSS

.example-appear {
        opacity: 0.01;
      }
      .example-appear.example-appear-active {
        opacity: 1;
        transition: opacity .5s ease-in;
      }

Babel + JSX

var Greeting = createReactClass({
	getDefaultProps: function () {
  	return {name: 'defaulllt'};
  },
  render: function() {
    return <h1>hello {this.props.name}</h1>;
  }
 });

ReactDOM.render(
  React.createFactory(Greeting)(),
  document.getElementById('container')
);