luchoching/Hello.jsx

## app.js
import React from 'react';
import Hello from './components/Hello.jsx';

React.render(<Hello />, document.getElementById('app'));

## file_structure
.
├── css
├── index.html
├── js
├── node_modules
├── package.json
├── README.md
└── webpack.config.js

## Hello.jsx
import React from 'react';

let Hello = React.createClass({

  render(){
    return(
      <div>
        <h1>Hello 贊啦！！</h1>
      </div>
    );
  }
});

export default Hello;

## index.html
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>New React App</title>
</head>
<body>
 <section id="app"></section>
 <script type="text/javascript" src="bundle.js"></script>
</body>
</html>

## package.json
{
  "name": "ES6React",
  "version": "0.0.0",
  "description": "ES6 + react + webpack",
  "scripts": {
    "start": "webpack-dev-server --hot --progress --colors",
    "build": "webpack --progress --colors"
  },
  "devDependencies": {
    "babel-core": "^5.2.16",
    "babel-loader": "^5.0.0",
    "react": "^0.13.2",
    "react-hot-loader": "^1.2.7",
    "webpack": "^1.8.11",
    "webpack-dev-server": "^1.8.2"
  }
}
	import React from 'react';
	import Hello from './components/Hello.jsx';

	React.render(<Hello />, document.getElementById('app'));
	.
	├── css
	├── index.html
	├── js
	├── node_modules
	├── package.json
	├── README.md
	└── webpack.config.js
	import React from 'react';

	let Hello = React.createClass({

	render(){
	return(
	<div>
	<h1>Hello 贊啦！！</h1>
	</div>
	);
	}
	});

	export default Hello;
	<!DOCTYPE html>
	<html lang="zh">
	<head>
	<meta charset="UTF-8">
	<title>New React App</title>
	</head>
	<body>
	<section id="app"></section>
	<script type="text/javascript" src="bundle.js"></script>
	</body>
	</html>
	{
	"name": "ES6React",
	"version": "0.0.0",
	"description": "ES6 + react + webpack",
	"scripts": {
	"start": "webpack-dev-server --hot --progress --colors",
	"build": "webpack --progress --colors"
	},
	"devDependencies": {
	"babel-core": "^5.2.16",
	"babel-loader": "^5.0.0",
	"react": "^0.13.2",
	"react-hot-loader": "^1.2.7",
	"webpack": "^1.8.11",
	"webpack-dev-server": "^1.8.2"
	}
	}