JSFiddle - React, Tailwind, and code Playground

by Jawad Ameen

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap"
			data-sap-ui-libs="sap.m" 
			data-sap-ui-theme="sap_bluecrystal"></script>
<div id='test'></div>
<div id='content'></div>
<div id='content1'></div>

Babel + JSX

var Button
= React.createClass({
	getInitialState: function() {
  	return {
    	button: ''
    }
  },
	componentDidMount: function() {
  	var btn1 = new sap.m.Button({
				text:'Hello New World',
				press: function(){
					alert("Hello");
				}
		}).placeAt('place');
  	this.setState({
    	button: btn1
    });
  },
	render: function() {
  	return <div id='place'>  </div>
  }
});

React.render(<Button / >, document.getElementById('test'));

var btn = new sap.m.Button({
				text:'Hello World',
				press: function(){
					alert("Hello");
				}
			}).placeAt('content');
console.info(btn);