JSFiddle - React, Tailwind, and code Playground

HTML

<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="app"></div>

Babel + JSX

class App extends React.Component {
  state = {
    items: [],
    isLoaded: false,
  }

  componentDidMount() {
    fetch('https://jsonplaceholder.typicode.com/users')
      .then(r => r.json())
      .then(r => {
        this.setState({
          isLoaded: true,
          items: r,
        });
      });
  }

  render() {
    const { isLoaded, items } = this.state;

    if (!isLoaded) {
      return <div>loading...</div>;
    } else {
      return (
        <ul>
          {items.map(n => <li key={n.id}>Name: {n.name}</li>)}
        </ul>
      );
    }
  }
}

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