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 = {
    reverse: false,
  }

  toggle = () => {
    this.setState(({ reverse }) => ({
      reverse: !reverse,
    }))
  }

  render() {
    const el1 = <div>hello, world!!</div>;
    const el2 = <div>fuck the world</div>;
    const el3 = <div>fuck everything</div>;

    const els = [ el1, el2, el3 ];

    if (this.state.reverse) {
      els.reverse();
    }

    return (
      <div>
        <button onClick={this.toggle}>click me</button>
        {els}
      </div>
    );
  }
}

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