update

Author: carlleton

Appendix03/README.md

@@ -32,7 +32,7 @@
 
 	```
 	$ npm install --save-dev babel-core babel-loader babel-eslint babel-preset-react babel-preset-es2015 eslint eslint-config-airbnb eslint-loader eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react webpack webpack-dev-server html-webpack-plugin chai mocha
-```
+  ```
 
 2. 测试程式码
 	1. describe（test suite）：表示一组相关的测试。`describe` 为一个函数，第一个参数为 `test suite`的名称，第二个参数为实际执行的函数。

Ch01/front-end-introduction.md

@@ -3,7 +3,7 @@
 ![Web 前端工程入门简介](./images/frameworks.png "Web 前端工程入门简介")
 
 ## 前言
-随着现代化网页（Modern Web）开发专业和复杂性的提升以及对于使用者体验的要求下，网页开发已从过去的 Web Develpoer 一夫当关，转向专业分工，更加细分成网页前端（Web Front End）、网页后端（Web Back End）等职位。此外，由于跨平台、跨浏览器的需求日益增加，技术变化更迭快速，市场上对于前端工程师（Web Front End Engineer）的需求也与日俱增，前端工程的（Front End Engineering）所要面对的挑战也越来越多。
+随着现代化网页（Modern Web）开发专业和复杂性的提升以及对于使用者体验的要求下，网页开发已从过去的 Web Developer 一夫当关，转向专业分工，更加细分成网页前端（Web Front End）、网页后端（Web Back End）等职位。此外，由于跨平台、跨浏览器的需求日益增加，技术变化更迭快速，市场上对于前端工程师（Web Front End Engineer）的需求也与日俱增，前端工程的（Front End Engineering）所要面对的挑战也越来越多。
 
 ![Web 前端工程入门简介](./images/html-css-js.png "Web 前端工程入门简介")
 

Ch01/react-ecosystem-introduction.md

@@ -17,7 +17,7 @@ NPM（Node Package Manager）是 Node.js 下的主流套件管理工具。在 NP
 [ES6+](https://babeljs.io/blog/2015/06/07/react-on-es6-plus) 系指 ES6（ES2015）和 ES7 的联集，在 ES6+ 新的标准当中引入许多新的特性和功能，弥补了过去 JavaScript 被诟病的一些特性。由于未来 React 将以支援 ES6+ 为主，因此直接学习 ES6+ 用法是相对好的选择，本书的所有范例也将会以 ES6+ 撰写。
 
 ## Babel
-由于并非所有浏览器都支援 ES6+ 语法，所以透过 [Babel](https://babeljs.io/) 这个 JavaScript 编译器（可以想成是翻译机或是翻译蒟篛）可以让你的 ES6+ 、JSX 等程式码转换成浏览器可以看的懂得语法。通常会在资料夹的 root 位置加入 `.bablerc` 进行转译规则 `preset` 和引用外挂（plugin）的设定。
+由于并非所有浏览器都支援 ES6+ 语法，所以透过 [Babel](https://babeljs.io/) 这个 JavaScript 编译器（可以想成是翻译机或是翻译蒟篛）可以让你的 ES6+ 、JSX 等程式码转换成浏览器可以看得懂的语法。通常会在资料夹的 root 位置加入 `.babelrc` 进行转译规则 `preset` 和引用外挂（plugin）的设定。
 
 ## JavaScript 模组化开发
 随着 Web 应用程式的复杂性提高，JavaScript 模组化开发已经成为必然的趋势，以下简单介绍 JavaScript 模组化的相关规范。事实上，在一开始没有官方定义的标准时出现了各种社群自行定义的规范和实践。
@@ -83,7 +83,7 @@ NPM（Node Package Manager）是 Node.js 下的主流套件管理工具。在 NP
 [React Router](https://github.com/reactjs/react-router) 是 React 中主流使用的 Routing 函式库，透过 URL 的变化来管理对应的状态和组件。若开发不刷页的单页式（single page application）的 React 应用程式通常都会需要用到。
 
 ## Flux/Redux
-[Flux](https://facebook.github.io/flux/) 是一个实现单项流的应用程式资料架构（architecture），同样是由 Facebook 推出，并和 React 专注于 View 的部份形成互补。而由 Dan Abramov 所开发的 [Redux](https://github.com/reactjs/redux) 被 React 开发社群认为是 Flux-like 更优雅的作法，也是目前主流搭配 React 的状态（State）管理工具。让你在开发复杂的应用程式时可以更方便管理你的状态（state）。
+[Flux](https://facebook.github.io/flux/) 是一个实现单向流的应用程式资料架构（architecture），同样是由 Facebook 推出，并和 React 专注于 View 的部份形成互补。而由 Dan Abramov 所开发的 [Redux](https://github.com/reactjs/redux) 被 React 开发社群认为是 Flux-like 更优雅的作法，也是目前主流搭配 React 的状态（State）管理工具。让你在开发复杂的应用程式时可以更方便管理你的状态（state）。
 
 ## ImmutableJS
 [ImmutableJS](https://facebook.github.io/immutable-js/)，是一个能让开发者建立不可变资料结构的函式库。建立不可变（immutable）资料结构不仅可以让状态可预测性更高，也可以提升程式的效能。

Ch03/react-jsx-introduction.md

@@ -171,7 +171,7 @@ React.createElement(
 )
 ```
 
-解析前（特别注意在 JSX 中使用 JavaScript 表达式时使用 `{}` 括起，如下方范例的 `text`，里面对应的是变数。若需希望放置一般文字，请加上 `''`）：
+解析前（特别注意在 JSX 中使用 JavaScript 表达式时使用 `{}` 括起，如下方范例的 `text`，里面对应的是变数。若需放置一般文字，请加上 `''`）：
 
 ```js
 var text = 'Hello React';

Ch04/react-component-life-cycle.md

@@ -30,7 +30,7 @@
 	}
 
 	// 将 <MyComponent /> 组件插入 id 为 app 的 DOM 元素中
-	ReactDOM.render(<MyComponent name="Mark"/>, document.getElmentById('app'));
+	ReactDOM.render(<MyComponent name="Mark"/>, document.getElementById('app'));
 	```
 
 2. 使用 Functional Component 写法（单纯地 render UI 的 stateless components，没有内部状态、没有实作物件和 ref，没有生命周期函数。若非需要控制生命周期的话建议多使用 stateless components 获得比较好的效能）
@@ -52,7 +52,7 @@
 	}
 
 	// 将 <MyComponent /> 组件插入 id 为 app 的 DOM 元素中
-	ReactDOM.render(<MyComponent name="Mark"/>, document.getElmentById('app'));
+	ReactDOM.render(<MyComponent name="Mark"/>, document.getElementById('app'));
 	```
 
 值得留意的是在 ES6 Class 中 `render()` 是唯一必要的方法（但要注意的是请保持 `render()` 的纯粹，不要在里面进行 `state` 修改或是使用非同步方法和浏览器互动，若需非同步互动请于 `componentDidMount()` 操作），而 Functional Component 目前允许 `return null` 值。 喔对了，在 ES6 中也不支援 `mixins` 复用其他组件的方法了。

Ch07/react-redux-real-world-example.md

@@ -81,7 +81,6 @@ ReactDOM.render(
 ```javascript
 import React from 'react';
 import ReactDOM from 'react-dom';
-import ReactDOM from 'react-dom';
 import TodoHeaderContainer from '../../containers/TodoHeaderContainer';
 import TodoListContainer from '../../containers/TodoListContainer';
 

Ch09/react-router-redux-github-finder.md

@@ -394,7 +394,7 @@ $ npm install --save-dev babel-core babel-eslint babel-loader babel-preset-es201
 	export default Main;
 	```
 
-	以下是 `src/components/ResultPage/ResultPage.js`： 
+	以下是 `src/components/ResultPage/HomePage.js`： 
 
 	```javascript
 	import React from 'react';

README.md

@@ -17,7 +17,7 @@
 2. [前端圈简体中文版本 by @blueflylin]( https://github.com/blueflylin/reactjs101) [特别感谢前端圈小伙伴！](http://fequan.com/)
 
 
-若需翻译成其他语言版本，请先 `fork` 一份 `repo` 到自己的 Guthub 并另外开新的 `branch`。最后将翻译版本连结更新在 `master` 分支中 `README.md` 的 `相关连结（Links）` 后发送 `Pull Request`，谢谢您。
+若需翻译成其他语言版本，请先 `fork` 一份 `repo` 到自己的 GitHub 并另外开新的 `branch`。最后将翻译版本连结更新在 `master` 分支中 `README.md` 的 `相关连结（Links）` 后发送 `Pull Request`，谢谢您。
 
 ## 目录（Table of Contents）