JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container"></div>

Babel + JSX

const { useState } = React;

function App() {
  const [count, setCount] = useState(1);
	
  // 
  console.log('App() has been called!');
  
  return (
    <div>
      <p>Count is: {count}</p>
      <button onClick={() => setCount(1)}>
        Set count = 1
      </button>
      {' '}
      <button onClick={() => setCount(2)}>
        Set count = 2
      </button>
    </div>
  );
}

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