<!DOCTYPE html>
<html>
	<head>
		<script src="https://unpkg.com/react@15.3.2/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
    <title>My first react file</title>
	</head>

	<body>
		<div id="react-container">
			<script type="text/babel">
				var MyComponent = React.createClass({
					render() {
						return <div>
								<h1>Hello World</h1>
								<p>This is my first react component!</p>
								</div>
					}
				})

				ReactDOM.render(<MyComponent />,
					document.getElementById('react-container'))
			</script>
		</div>
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<script src="https://unpkg.com/react@15.3.2/dist/react.min.js"></script>
    <script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>
    <title>My first react file</title>
	</head>

	<body>
		<div id="react-container">
			<script type="text/babel">
				class MyComponent extends React.Component {
					render() {
						return <div>
								<h1>Hello World</h1>
								<p>This is my first React component!</p>
								</div>
					}
				}

				ReactDOM.render(<MyComponent />,
					document.getElementById('react-container'))
			</script>
		</div>
	</body>
</html>
Refactor the component using an ES6 class
Refactor the component using an ES6 class
