diff --git a/Ch02/webpack-dev-enviroment.md b/Ch02/webpack-dev-enviroment.md index f1f76af..c4beb2c 100644 --- a/Ch02/webpack-dev-enviroment.md +++ b/Ch02/webpack-dev-enviroment.md @@ -22,7 +22,7 @@ 以下是 React [官方首頁的範例](https://facebook.github.io/react/index.html),以下使用 `React v15.2.1`: 1. 理解 `React` 是 `Component` 導向的應用程式設計 -2. 引入 `react.js`、`react-dom.js`(react 0.14 後將 react-dom 從 react 核心分離,更符合 react 跨平台抽象化的定位)以及 `babel-core-browser` 版 script(可以想成 `babel` 是翻譯機,翻譯瀏覽器看不懂的 `JSX` 或 `ES6+` 語法成為瀏覽器看的懂得的 `JavaScript`。為了提昇效率,通常我們都會在伺服器端做轉譯,這點在 production 環境尤為重要) +2. 引入 `react.js`、`react-dom.js`(react 0.14 後將 react-dom 從 react 核心分離,更符合 react 跨平台抽象化的定位)以及 `babel-standalone` 版 script(可以想成 `babel` 是翻譯機,翻譯瀏覽器看不懂的 `JSX` 或 `ES6+` 語法成為瀏覽器看的懂得的 `JavaScript`。為了提昇效率,通常我們都會在伺服器端做轉譯,這點在 production 環境尤為重要) 3. 在 `
` 撰寫 React Component 要插入(mount)指定節點的地方:`` 4. 透過 `babel` 進行語言翻譯 `React JSX` 語法,`babel` 會將其轉為瀏覽器看的懂得 `JavaScript`。其代表意義是:`ReactDOM.render(欲 render 的 Component 或 HTML 元素, 欲插入的位置)`。所以我們可以在瀏覽器上打開我們的 `hello.html`,就可以看到 `Hello, world!` 。That's it,我們第一個 `React` 應用程式就算完成了! @@ -35,7 +35,7 @@ - + diff --git a/Ch04/props-state-introduction.md b/Ch04/props-state-introduction.md index 64bd7fd..f96044c 100644 --- a/Ch04/props-state-introduction.md +++ b/Ch04/props-state-introduction.md @@ -201,16 +201,16 @@ class TodoApp extends React.Component { this.setState({items: nextItems, text: nextText}); } render() { - return ( -