Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/fb.me\/react-dom-{{site.react_version}}.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n@@ -95,16 +96,16 @@ JSX 非常小；上面“hello, world”的例子使用了 JSX 所有的特性\n \n JSX 类似于 HTML，但不是完全一样。参考 [JSX 陷阱](\/react\/docs\/jsx-gotchas-zh-CN.html) 学习关键区别。\n \n-最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](https:\/\/www.npmjs.com\/package\/react-tools) 包来预编译你的代码。\n-\n+[Babel 公开了一些使用 JSX 的方式],从命令行工具到 Ruby on Rails 集成。选择一个对你来说最合适的工具。\n \n ## 没有 JSX 的 React\n \n-你完全可以选择是否使用 JSX，并不是 React 必须的。你可以通过 `React.createElement` 来创建一个树。第一个参数是标签，第二个参数是一个属性对象，每三个是子节点。\n+JSX完全是可选的；你无需在 React 中必须使用 JSX。你可以通过 `React.createElement` 来创建一个树。第一个参数是标签，第二个参数是一个属性对象，每三个是子节点。\n \n ```javascript\n-var child = React.createElement('li', null, 'Text Content');\n-var root = React.createElement('ul', { className: 'my-list' }, child);\n+var child1 = React.createElement('li', null, 'First Text Content');\n+var child2 = React.createElement('li', null, 'Second Text Content');\n+var root = React.createElement('ul', { className: 'my-list' }, child1, child2);\n ReactDOM.render(root, document.getElementById('example'));\n ```\n \n@@ -121,6 +122,7 @@ React 已经为 HTML 标签提供内置工厂方法。\n \n ```javascript\n var root = React.DOM.ul({ className: 'my-list' },\n- React.DOM.li(null, 'Text Content')\n-);\n+ React.DOM.li(null, 'Text Content')\n+ );\n ```\n+\ndiff --git a\/docs\/docs\/getting-started.zh-CN.md b\/docs\/docs\/getting-started.zh-CN.md\nindex e212d79693..685fa100de 100644\n--- a\/docs\/docs\/getting-started.zh-CN.md\n+++ b\/docs\/docs\/getting-started.zh-CN.md\n@@ -13,9 +13,35 @@ redirect_from: \"docs\/index-zh-CN.html\"\n * **[React JSFiddle](https:\/\/jsfiddle.net\/reactjs\/69z2wepo\/)**\n * [React JSFiddle without JSX](https:\/\/jsfiddle.net\/reactjs\/5vjqabv3\/)\n \n-## 入门教程包 (Starter Kit)\n \n-开始先下载入门教程包。\n+## 通过 npm 使用 React\n+\n+我们建议在 React 中使用 CommonJS 模块系统，比如 [browserify](http:\/\/browserify.org\/) 或 [webpack](https:\/\/webpack.github.io\/)。使用 [`react`](https:\/\/www.npmjs.com\/package\/react) 和 [`react-dom`](https:\/\/www.npmjs.com\/package\/react-dom) npm 包.\n+\n+```js\n+\/\/ main.js\n+var React = require('react');\n+var ReactDOM = require('react-dom');\n+\n+ReactDOM.render(\n+ <h1>Hello, world!<\/h1>,\n+ document.getElementById('example')\n+);\n+```\n+\n+\n+在安装 browserify 之后安装 React DOM 和构建你的应用包。\n+\n+```sh\n+$ npm install --save react react-dom\n+$ browserify -t babelify main.js -o bundle.js\n+```\n+\n+## 不使用 npm 快速开始\n+\n+\n+If you're not ready to use npm yet, you can download the starter kit which includes prebuilt copies of React and React DOM.\n+如果你没有做好使用 npm 的准备，你可以下载包含了 React 和 ReactDOM 预生成包的入门教程包。\n \n <div class=\"buttons-unit downloads\">\n <a href=\"\/react\/downloads\/react-{{site.react_version}}.zip\" class=\"button\">\n@@ -23,7 +49,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <\/a>\n <\/div>\n \n-在入门教程包的根目录，创建一个含有下面代码的 `helloworld.html`。\n+在入门教程包的根目录，创建一个含有如下代码的 `helloworld.html`。\n \n ```html\n <!DOCTYPE html>\n@@ -32,6 +58,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n+ <script src=\"build\/react-dom.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n@@ -46,7 +73,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <\/html>\n ```\n \n-在 JavaScript 代码里写着 XML 格式的代码称为 JSX；可以去 [JSX 语法](\/react\/docs\/jsx-in-depth.html) 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript，我们用 `<script type=\"text\/jsx\">` 标签包裹着含有 JSX 的代码，然后引入 `JSXTransformer.js` 库来实现在浏览器里的代码转换。\n+在 JavaScript 代码里写着 XML 格式的代码称为 JSX；可以去 [JSX 语法](\/react\/docs\/jsx-in-depth.html) 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript，我们用 `<script type=\"text\/babel\">` 标签，并引入 Babel 来完成在浏览器里的代码转换。\n \n ### 分离文件\n \n@@ -65,22 +92,25 @@ ReactDOM.render(\n <script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n+注意一些浏览器（比如 Chrome ）会在使用 HTTP 以外的协议加载文件时失败。\n+\n ### 离线转换\n \n-先安装命令行工具（依赖 [npm](https:\/\/www.npmjs.com\/)）：\n+先安装[Babel](http:\/\/babeljs.io\/)命令行工具（依赖 [npm](https:\/\/www.npmjs.com\/)）：\n \n ```\n-npm install -g react-tools\n+npm install --global babel\n ```\n \n 然后把你的 `src\/helloworld.js` 文件转成标准的 JavaScript:\n \n ```\n-jsx --watch src\/ build\/\n+babel src --watch --out-dir build\n \n ```\n \n-只要你修改了， `build\/helloworld.js` 文件会自动生成。\n+`build\/helloworld.js` 会在你对文件进行修改时自动生成。阅读 [Babel CLI 文档](http:\/\/babeljs.io\/docs\/usage\/cli\/) 了解高级用法。\n+\n \n ```javascript{2}\n ReactDOM.render(\n@@ -108,10 +138,6 @@ ReactDOM.render(\n ```\n \n \n-## 想用 CommonJS？\n-\n-如果你想在 [browserify](http:\/\/browserify.org\/)，[webpack](https:\/\/webpack.github.io\/) 或者或其它兼容CommonJS的模块系统里使用 React，只要使用 [`react` npm 包](https:\/\/www.npmjs.com\/package\/react) 即可。而且，`jsx` 转换工具可以很轻松的地集成到大部分打包系统里（不仅仅是 CommonJS）。\n-\n \n ## 下一步\n \n","parents":["dd3c4474d1acbe8dadab3b8a224024829c9f9b2c","1044d4c7d55f985f9d019655a6b60d403f7b2530"],"files":[{"status":"M","path":"docs\/docs\/01-why-react.zh-CN.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.zh-CN.md"},{"status":"M","path":"docs\/docs\/getting-started.zh-CN.md"}],"body":"update Chinese docs to 0.14","commit":{"shortRevision":"9cb01de1bc","revision":"9cb01de1bcffd627a4f010dfbe3db0a09d77778f","authorEmail":"jsproch@fb.com","subject":"Merge pull request #5203 from WanderWang\/docs-cn","authoredAt":"2015-10-18T09:38:18-07:00","authorName":"Jim"}}</article></body></html>

{"patch":"diff --git a\/docs\/docs\/01-why-react.zh-CN.md b\/docs\/docs\/01-why-react.zh-CN.md\nindex 9954f48997..7953668ecc 100644\n--- a\/docs\/docs\/01-why-react.zh-CN.md\n+++ b\/docs\/docs\/01-why-react.zh-CN.md\n@@ -5,13 +5,13 @@ permalink: why-react-zh-CN.html\n next: displaying-data-zh-CN.html\n ---\n \n-React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很人多认为 React 是 **[MVC](https:\/\/en.wikipedia.org\/wiki\/Model%E2%80%93view%E2%80%93controller)** 中的 **V**（视图）。\n+React 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。很多人选择将 React 认为是 **[MVC](https:\/\/en.wikipedia.org\/wiki\/Model%E2%80%93view%E2%80%93controller)** 中的 **V**（视图）。\n \n 我们创造 React 是为了解决一个问题：**构建随着时间数据不断变化的大规模应用程序**。\n \n ### 简单\n \n-仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。\n+仅仅只要表达出你的应用程序在任一个时间点应该呈现的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。\n \n ### 声明式 (Declarative)\n \ndiff --git a\/docs\/docs\/02-displaying-data.zh-CN.md b\/docs\/docs\/02-displaying-data.zh-CN.md\nindex 020f9697ac..6f0cf47695 100644\n--- a\/docs\/docs\/02-displaying-data.zh-CN.md\n+++ b\/docs\/docs\/02-displaying-data.zh-CN.md\n@@ -21,6 +21,7 @@ next: jsx-in-depth-zh-CN.html\n \n Hello React<\/title>\n <script src=\"https:\/\/fb.me\/react-{{site.react_version}}.js\"><\/script>\n+ <script src=\"https:\/\/fb.me\/react-dom-{{site.react_version}}.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n@@ -95,16 +96,16 @@ JSX 非常小；上面“hello, world”的例子使用了 JSX 所有的特性\n \n JSX 类似于 HTML，但不是完全一样。参考 [JSX 陷阱](\/react\/docs\/jsx-gotchas-zh-CN.html) 学习关键区别。\n \n-最简单开始学习 JSX 的方法就是使用浏览器端的 `JSXTransformer`。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具 [react-tools](https:\/\/www.npmjs.com\/package\/react-tools) 包来预编译你的代码。\n-\n+[Babel 公开了一些使用 JSX 的方式],从命令行工具到 Ruby on Rails 集成。选择一个对你来说最合适的工具。\n \n ## 没有 JSX 的 React\n \n-你完全可以选择是否使用 JSX，并不是 React 必须的。你可以通过 `React.createElement` 来创建一个树。第一个参数是标签，第二个参数是一个属性对象，每三个是子节点。\n+JSX完全是可选的；你无需在 React 中必须使用 JSX。你可以通过 `React.createElement` 来创建一个树。第一个参数是标签，第二个参数是一个属性对象，每三个是子节点。\n \n ```javascript\n-var child = React.createElement('li', null, 'Text Content');\n-var root = React.createElement('ul', { className: 'my-list' }, child);\n+var child1 = React.createElement('li', null, 'First Text Content');\n+var child2 = React.createElement('li', null, 'Second Text Content');\n+var root = React.createElement('ul', { className: 'my-list' }, child1, child2);\n ReactDOM.render(root, document.getElementById('example'));\n ```\n \n@@ -121,6 +122,7 @@ React 已经为 HTML 标签提供内置工厂方法。\n \n ```javascript\n var root = React.DOM.ul({ className: 'my-list' },\n- React.DOM.li(null, 'Text Content')\n-);\n+ React.DOM.li(null, 'Text Content')\n+ );\n ```\n+\ndiff --git a\/docs\/docs\/getting-started.zh-CN.md b\/docs\/docs\/getting-started.zh-CN.md\nindex e212d79693..685fa100de 100644\n--- a\/docs\/docs\/getting-started.zh-CN.md\n+++ b\/docs\/docs\/getting-started.zh-CN.md\n@@ -13,9 +13,35 @@ redirect_from: \"docs\/index-zh-CN.html\"\n * **[React JSFiddle](https:\/\/jsfiddle.net\/reactjs\/69z2wepo\/)**\n * [React JSFiddle without JSX](https:\/\/jsfiddle.net\/reactjs\/5vjqabv3\/)\n \n-## 入门教程包 (Starter Kit)\n \n-开始先下载入门教程包。\n+## 通过 npm 使用 React\n+\n+我们建议在 React 中使用 CommonJS 模块系统，比如 [browserify](http:\/\/browserify.org\/) 或 [webpack](https:\/\/webpack.github.io\/)。使用 [`react`](https:\/\/www.npmjs.com\/package\/react) 和 [`react-dom`](https:\/\/www.npmjs.com\/package\/react-dom) npm 包.\n+\n+```js\n+\/\/ main.js\n+var React = require('react');\n+var ReactDOM = require('react-dom');\n+\n+ReactDOM.render(\n+ <h1>Hello, world!<\/h1>,\n+ document.getElementById('example')\n+);\n+```\n+\n+\n+在安装 browserify 之后安装 React DOM 和构建你的应用包。\n+\n+```sh\n+$ npm install --save react react-dom\n+$ browserify -t babelify main.js -o bundle.js\n+```\n+\n+## 不使用 npm 快速开始\n+\n+\n+If you're not ready to use npm yet, you can download the starter kit which includes prebuilt copies of React and React DOM.\n+如果你没有做好使用 npm 的准备，你可以下载包含了 React 和 ReactDOM 预生成包的入门教程包。\n \n <div class=\"buttons-unit downloads\">\n <a href=\"\/react\/downloads\/react-{{site.react_version}}.zip\" class=\"button\">\n@@ -23,7 +49,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <\/a>\n <\/div>\n \n-在入门教程包的根目录，创建一个含有下面代码的 `helloworld.html`。\n+在入门教程包的根目录，创建一个含有如下代码的 `helloworld.html`。\n \n ```html\n <!DOCTYPE html>\n@@ -32,6 +58,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <meta charset=\"UTF-8\" \/>\n <title>Hello React!<\/title>\n <script src=\"build\/react.js\"><\/script>\n+ <script src=\"build\/react-dom.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-core\/5.8.23\/browser.min.js\"><\/script>\n <\/head>\n <body>\n@@ -46,7 +73,7 @@ redirect_from: \"docs\/index-zh-CN.html\"\n <\/html>\n ```\n \n-在 JavaScript 代码里写着 XML 格式的代码称为 JSX；可以去 [JSX 语法](\/react\/docs\/jsx-in-depth.html) 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript，我们用 `<script type=\"text\/jsx\">` 标签包裹着含有 JSX 的代码，然后引入 `JSXTransformer.js` 库来实现在浏览器里的代码转换。\n+在 JavaScript 代码里写着 XML 格式的代码称为 JSX；可以去 [JSX 语法](\/react\/docs\/jsx-in-depth.html) 里学习更多 JSX 相关的知识。为了把 JSX 转成标准的 JavaScript，我们用 `<script type=\"text\/babel\">` 标签，并引入 Babel 来完成在浏览器里的代码转换。\n \n ### 分离文件\n \n@@ -65,22 +92,25 @@ ReactDOM.render(\n <script type=\"text\/babel\" src=\"src\/helloworld.js\"><\/script>\n ```\n \n+注意一些浏览器（比如 Chrome ）会在使用 HTTP 以外的协议加载文件时失败。\n+\n ### 离线转换\n \n-先安装命令行工具（依赖 [npm](https:\/\/www.npmjs.com\/)）：\n+先安装[Babel](http:\/\/babeljs.io\/)命令行工具（依赖 [npm](https:\/\/www.npmjs.com\/)）：\n \n ```\n-npm install -g react-tools\n+npm install --global babel\n ```\n \n 然后把你的 `src\/helloworld.js` 文件转成标准的 JavaScript:\n \n ```\n-jsx --watch src\/ build\/\n+babel src --watch --out-dir build\n \n ```\n \n-只要你修改了， `build\/helloworld.js` 文件会自动生成。\n+`build\/helloworld.js` 会在你对文件进行修改时自动生成。阅读 [Babel CLI 文档](http:\/\/babeljs.io\/docs\/usage\/cli\/) 了解高级用法。\n+\n \n ```javascript{2}\n ReactDOM.render(\n@@ -108,10 +138,6 @@ ReactDOM.render(\n ```\n \n \n-## 想用 CommonJS？\n-\n-如果你想在 [browserify](http:\/\/browserify.org\/)，[webpack](https:\/\/webpack.github.io\/) 或者或其它兼容CommonJS的模块系统里使用 React，只要使用 [`react` npm 包](https:\/\/www.npmjs.com\/package\/react) 即可。而且，`jsx` 转换工具可以很轻松的地集成到大部分打包系统里（不仅仅是 CommonJS）。\n-\n \n ## 下一步\n \n","parents":["dd3c4474d1acbe8dadab3b8a224024829c9f9b2c","1044d4c7d55f985f9d019655a6b60d403f7b2530"],"files":[{"status":"M","path":"docs\/docs\/01-why-react.zh-CN.md"},{"status":"M","path":"docs\/docs\/02-displaying-data.zh-CN.md"},{"status":"M","path":"docs\/docs\/getting-started.zh-CN.md"}],"body":"update Chinese docs to 0.14","commit":{"shortRevision":"9cb01de1bc","revision":"9cb01de1bcffd627a4f010dfbe3db0a09d77778f","authorEmail":"jsproch@fb.com","subject":"Merge pull request #5203 from WanderWang\/docs-cn","authoredAt":"2015-10-18T09:38:18-07:00","authorName":"Jim"}}</article></body></html>

dillon1000/react

Files changed