JSFiddle - React, Tailwind, and code Playground

by Eduard Dyckman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.10.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.10.2/umd/react-dom.production.min.js"></script>
<div id="app">

</div>

Babel + JSX

const Child = () => {
	console.log('RENDERING CHILD');
  return (
  	<div>CHILD</div>
  );
};
const App = () => {
	console.log('RENDERING APP')
	return (
  	<div>HI! <Child /> </div>
	);

ReactDOM.render(<App />, document.getElementById('app'));