JSFiddle - React, Tailwind, and code Playground

by Peter Hozák

HTML

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

React

class Big extends React.PureComponent {
  renderSomething() { return (<div>something</div>) }
  render() {
    const helper = ({x} = {x: 1}) => <div>{x}</div>
    return <React.Fragment>
      {this.renderSomething()}
      {helper()}

      <this.renderSomething />
      <helper x="2" />
    </React.Fragment>
  }
}

ReactDOM.render(<Big />, document.getElementById('root'))