JSFiddle - React, Tailwind, and code Playground

by Sultan Tarimo

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

var index = 0

class App extends React.Component {
  render() {
  	if (index++ === 0)
      throw 1
      
  	return (
    	<div>
    	  <h1>Hello, {this.props.name}</h1>
    	</div>
    );
  }
}

class ErrorBoundary extends React.Component {
	componentDidCatch(err) {
  	console.log(err)
  }
	render() {
  	return <App/>
  }
}

ReactDOM.render(React.createElement(ErrorBoundary, null), document.getElementById('container'));