JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-dom.js"></script>
<script src="https://npmcdn.com/[email protected]/browser.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.6.2/remarkable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.0/react-with-addons.min.js"></script>
<div id="mainContent"></div>
  <div id="mainContent2"></div>
   <div id="mainContent3"></div>
<script type="text/babel">
    ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('mainContent')
    );
    
    ReactDOM.render(
    React.createElement("h1",null,"Hi Joe"),
     document.getElementById('mainContent2')
    )
   
var MyComponent = React.createClass({
    render: function(){
        return (
            <h2>Hello, world!</h2>
        );
    }
});

   ReactDOM.render(
   	<MyComponent/>,    
     document.getElementById('mainContent3')
   )
</script>