JSFiddle - React, Tailwind, and code Playground

by xufocoder

HTML

<script src="https://npmcdn.com/react@15.3.0/dist/react-with-addons.js"></script>
<script src="https://npmcdn.com/react-dom@15.3.0/dist/react-dom.js"></script>
<div id="reactContainerElement">
    <div class="wrapper">
        <div class="container">
            <div class="reactElement">Hello world</div>
        </div>
    </div>
</div>

JavaScript

var MyComponent = React.createClass({
  render: function() {
    return React.DOM.div({className: 'wrapper'}, 
        React.DOM.div({className: 'container'}, 
            React.DOM.div({className: 'reactElement'}, 
                'Hello world'
            )
        )
    );
  }
});

var element = React.createElement(MyComponent);
var component = ReactDOM.render(
    element,
    document.getElementById('reactContainerElement')
);