leahpjoyce/react-bootcamp-4.html

## react-bootcamp-4.html
<!DOCTYPE html>
<html>
<head>
  <title>React</title>
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
</head>
<body>
  <div id='app'></div>
  <script type='text/babel'>
    function NameComponent ({ name }) {
      return <h1>{name}</h1>
    }

    function HandleComponent ({ handle }) {
      return <h3>{handle}</h3>
    }

    function App () {
      return (
        <div id='container'>
          <HandleComponent handle='@tylermcginnis' />
          <NameComponent name='Tyler' />
        </div>
      )
    }

    ReactDOM.render(
      <App />,
      document.getElementById('app')
    )
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>React</title>
	<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
	<script src='https://unpkg.com/babel-standalone@6/babel.min.js'></script>
	</head>
	<body>
	<div id='app'></div>
	<script type='text/babel'>
	function NameComponent ({ name }) {
	return <h1>{name}</h1>
	}

	function HandleComponent ({ handle }) {
	return <h3>{handle}</h3>
	}

	function App () {
	return (
	<div id='container'>
	<HandleComponent handle='@tylermcginnis' />
	<NameComponent name='Tyler' />
	</div>
	)
	}

	ReactDOM.render(
	<App />,
	document.getElementById('app')
	)
	</script>
	</body>
	</html>