puppybits/index.html

## index.html
<html>
  <body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>

    <div id="app"></div>
    <script>
      var el = React.createElement;

      // create a component
      var item = function(props){
        return el('li', null, props.children);
      }

      // create another component
      var navbar = function(allNames){
        return el('ul', null, allNames.map(function(name){
          return el(item, {key:name}, name)
        }));
      }

      // repeat with more components

    </script>
    <script>
      ReactDOM.render(
        el('div', null, navbar(['everything', 'is', 'a', 'component'])),
        document.querySelector('#app'))

      // don't add anything else until you absolutely need it
    </script>
  </body>
</html>
	<html>
	<body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>

	<div id="app"></div>
	<script>
	var el = React.createElement;

	// create a component
	var item = function(props){
	return el('li', null, props.children);
	}

	// create another component
	var navbar = function(allNames){
	return el('ul', null, allNames.map(function(name){
	return el(item, {key:name}, name)
	}));
	}

	// repeat with more components

	</script>
	<script>
	ReactDOM.render(
	el('div', null, navbar(['everything', 'is', 'a', 'component'])),
	document.querySelector('#app'))

	// don't add anything else until you absolutely need it
	</script>
	</body>
	</html>