suisho/file0.txt

## file0.txt
$ tree -I node_modules
.
├── app
│   ├── client
│   │   ├── Foo.jsx
│   │   └── main.jsx
│   ├── index.html
│   └── index.js
└── package.json

## file1.txt
$ npm init -y
$ npm i -S babel react electron-prebuilt

## file5.txt
$ npm start

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using io.js
    <div id="container"></div>
    <script>
      window.onload = function(){
        require('babel/register')() //ここ重要
        require("./client/main.jsx")
      }
    </script>
  </body>
</html>

## main.jsx
import React from 'react'

class Foo extends React.Component{
  render(){
    return <div>This is React component</div>
  }
}

var container = document.querySelector("#container")

React.render(<Foo />, container)

## package.json
{
  "name": "example-electron-babel",
  "version": "1.0.0",
  "description": "app",
  "scripts": {
    "start": "electron ./app"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel": "^5.2.17",
    "electron-prebuilt": "^0.25.3",
    "react": "^0.13.3"
  }
}
	$ tree -I node_modules
	.
	├── app
	│ ├── client
	│ │ ├── Foo.jsx
	│ │ └── main.jsx
	│ ├── index.html
	│ └── index.js
	└── package.json
	<!DOCTYPE html>
	<html>
	<head>
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	We are using io.js
	<div id="container"></div>
	<script>
	window.onload = function(){
	require('babel/register')() //ここ重要
	require("./client/main.jsx")
	}
	</script>
	</body>
	</html>
	import React from 'react'

	class Foo extends React.Component{
	render(){
	return <div>This is React component</div>
	}
	}

	var container = document.querySelector("#container")

	React.render(<Foo />, container)
	{
	"name": "example-electron-babel",
	"version": "1.0.0",
	"description": "app",
	"scripts": {
	"start": "electron ./app"
	},
	"keywords": [],
	"author": "",
	"license": "ISC",
	"dependencies": {
	"babel": "^5.2.17",
	"electron-prebuilt": "^0.25.3",
	"react": "^0.13.3"
	}
	}