iwilsonq/index.html

## index.html
<!doctype HTML>
<html>
<head>
  <title>React Ecosystem</title>
</head>
<body>
  <div id="react-root"></div>
  <script src="bundle.js"></script>
</body>
</html>

## intro-react.js
// Necessary imports
import React from 'react';
import ReactDOM from 'react-dom';

// React component declared with 'createClass'
const FirstComponent = React.createClass({

  // Every react component must have a render function
  render: function() {
    return (
      <div className="first">
        <h1>My first Component</h1>
      </div>
    );
  }
});


// This function 'hooks' into our index.html
ReactDOM.render(
  <FirstComponent />,
  document.getElementById('react-root')
);
	<!doctype HTML>
	<html>
	<head>
	<title>React Ecosystem</title>
	</head>
	<body>
	<div id="react-root"></div>
	<script src="bundle.js"></script>
	</body>
	</html>
	// Necessary imports
	import React from 'react';
	import ReactDOM from 'react-dom';

	// React component declared with 'createClass'
	const FirstComponent = React.createClass({

	// Every react component must have a render function
	render: function() {
	return (
	<div className="first">
	<h1>My first Component</h1>
	</div>
	);
	}
	});


	// This function 'hooks' into our index.html
	ReactDOM.render(
	<FirstComponent />,
	document.getElementById('react-root')
	);