pcstout/react_with_systemjs.html

## react_with_systemjs.html
<html>

<head>
  <script src="https://jspm.io/system@0.19.js"></script>
  <script type="text/template" id="code">
    import React from 'react';
    import ReactDOM from 'react-dom';

    const Hello = ({name}) => <h1>Hello {name}!</h1>;

    ReactDOM.render(
      <Hello name={"Albert"}/>,
      document.body.appendChild(document.createElement("div"))
    );
  </script>
</head>

<body>
  <div id="container"></div>

  <script type="text/javascript">
    (function () {
      System.config({
        transpiler: 'babel',
        babelOptions: {}
      });
      const tag = document.querySelector('#code'),
            code = tag.textContent;

      System.define(System.normalizeSync('my-module'), code);
      System.import('my-module').then((mod) => {
        console.log('mod loaded:', mod);
      });
    })();
  </script>
</body>
</html>
	<html>

	<head>
	<script src="https://jspm.io/system@0.19.js"></script>
	<script type="text/template" id="code">
	import React from 'react';
	import ReactDOM from 'react-dom';

	const Hello = ({name}) => <h1>Hello {name}!</h1>;

	ReactDOM.render(
	<Hello name={"Albert"}/>,
	document.body.appendChild(document.createElement("div"))
	);
	</script>
	</head>

	<body>
	<div id="container"></div>

	<script type="text/javascript">
	(function () {
	System.config({
	transpiler: 'babel',
	babelOptions: {}
	});
	const tag = document.querySelector('#code'),
	code = tag.textContent;

	System.define(System.normalizeSync('my-module'), code);
	System.import('my-module').then((mod) => {
	console.log('mod loaded:', mod);
	});
	})();
	</script>
	</body>
	</html>