JSFiddle - React, Tailwind, and code Playground

by Michael Danilov

HTML

<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<div class="root"></div>

Babel + JSX

class App extends React.Component {
	render() {
  	const content = [
    	this._one(),
      this._null(),
      this._two(),
    ];
    return <div>{content.filter(Boolean).join(', ')}</div>;
  }
  
  _one() {
      return <span>one</span>;
  }
  
  _two() {
      return <span>two</span>;
  }

  _null() {
      return null;
  }
}

ReactDOM.render(
  <App />,
  document.querySelector('.root')
);