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>

Babel + JSX

class Button extends React.Component {
	componentDidMount() {
  	var btn1 = new sap.m.Button({
				text:this.props.text,
				press: function(){
					alert("Hello");
				}
		}).placeAt('container');
  	this.setState({
    	button: btn1
    });
  }
	render() {
  	return <div id='container'></div>
  }
}

class Test extends React.Component {
	render() {
  	return <div>
    	<Button text='Test' />
      <Button text='Testing' />
     </div>
  }
}

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