React Base Fiddle (JSX)

Starting point for creating JSFiddles with React.

by Spencer Smith

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

Babel + JSX

const divStyle = {
	height: 2000,
  backgroundColor: 'lightgreen',
};

class App extends React.Component {
	state = {
  	meaningless: true,
  }
	
	componentDidMount() {
  	window.addEventListener('scroll', this.handleScroll);
  }
  
  handleScroll = () => {
    this.setState({ meaningless: true });
  };

  render() {
  	console.log('render');
    return (
    	<div style={divStyle}></div>
    );
  }
}

const root = document.getElementById('root');
ReactDOM.render(<App />, root);