title: react doesn't render anything on my window
body: <pre><code>{
   "name": "app",
   "version": "1.0.0",
   "description": "",
   "main": ".tmp/main/index.js",
   "scripts": {
   "start": "electron ."
   },
   "author": "",
   "license": "MIT",
   "devDependencies": {
   "babel-cli": "^6.18.0",
   "babel-preset-es2015": "^6.18.0",
   "babel-preset-react": "^6.16.0",
   "electron": "^1.6.1"
   },
   "dependencies": {
   "firebase": "^5.8.6",
   "photon": "github:connors/photon",
   "react": "^15.4.2",
   "react-dom": "^15.4.2",
   "react-router": "^3.0.0"
   }
  }
  </code></pre>
  
  <p>Here is my package.json file</p>
  
  <pre><code>import React from "react";
  import {render} from "react-dom";
  
  render(&lt;div&gt;Hello. Electron and React JSX&lt;/div&gt;,document.getElementById("app"));
  </code></pre>
  
  <p>This is my app.jsx file. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Electron chat&lt;/title&gt;
          &lt;link rel="stylesheet" href="node_modules/photon/dist/css/photon.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="window"&gt;
              &lt;div id="app" class="window-content"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;script&gt;require("./.tmp/renderer/app.js")&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my index.html code. I want my jsx file's "Hello. Electron and React JSX" message to be shown on my window,  but only blank page appeared. What should I fix to get better result?</p>