title: How to run SystemJS/React demo locally with JSX?
body: <p>I'm following <a href="https://www.youtube.com/watch?v=NpMnRifyGyw" rel="noreferrer">this</a> video tutorial at the moment and I'm stuck with the simple HelloWorld App. At the time position <a href="https://www.youtube.com/watch?v=NpMnRifyGyw#t=12m31s" rel="noreferrer">12m:31s</a> is where I'm stuck it should show <code>HelloWorld</code> but it doesn't.</p>
  
  <p>The App is using SystemJs, React and JSX. </p>
  
  <p>To create the app do these steps in your terminal (node and jspm required):</p>
  
  <ul>
  <li><code>npm init</code> (<code>enter</code> to all)</li>
  <li><code>jspm init</code> (<code>enter</code> to almost all, except use babel)</li>
  <li><code>jspm install fetch=npm:whatwg-fetch</code></li>
  <li><code>jspm install react</code></li>
  <li>create an app sub-folder create <code>main.js</code> and copy my code into it</li>
  <li>create <code>index.html</code> into root dir.</li>
  <li>Then run it with <a href="https://www.npmjs.com/package/serve" rel="noreferrer">serve</a></li>
  </ul>
  
  <p>I think the problem is my local server. I'm running it with nodejs <code>http-server</code> and I think the JSX is not transpiled to JS. Also the mentioned <code>serve</code> server is not working.</p>
  
  <p>I'm getting this error message in the browser console:</p>
  
  <pre><code>Potentially unhandled rejection [3] SyntaxError: Error loading "app/main"
  [...] Unexpected token &lt;
  </code></pre>
  
  <p>How do I make it work?</p>
  
  <p>Here is my code, exactly the code from the video (it doesn't run here because no js files added):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//app/main.js
  import 'fetch';
  
  import React from 'react';
  
  console.log('Hello world');
  
  class HelloWorld extends React.Component {
   render() {
    return &lt;p&gt;hello world&lt;/p&gt;;
   }
  }
  
  React.render(&lt;HelloWorld /&gt;, document.body);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- index.html --&gt;
  &lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;title&gt;First jspm&lt;/title&gt;
   &lt;script type="text/javascript" src="jspm_packages/system.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="config.js"&gt;&lt;/script&gt;
   &lt;script&gt;
    System.import('app/main');
   &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>