翻译react.js新手村教程 #279

markzhai · 2016-04-18T13:09:13Z

JasinYip · 2016-04-19T01:16:50Z

请问可以认领校对了吗？ @antonia0912

antonia0912 · 2016-04-19T02:52:46Z

@JasinYip 可以的老方法校对！加油

JasinYip · 2016-04-19T02:55:33Z

TODO/react-newbies-tutorial.md

 * 校对者:



-As you can probably guess from the title, this post is aimed at readers with very little experience of programming. That is, at people such as myself: as I've only been exploring the world of programming for six months now. **So, it's going to be a genuine newbies tutorial!** To follow it, you'll only need to have an understanding of HTML and CSS and a basic level of Javascript (JS).  
+正如你能从标题猜到的，这篇文章的目标是给那些有很少编程经验的读者的。比如，像我这样的人：因为迄今为止，我才探索了变成编程世界6个月。**所以，这将是一篇新手村教程！** 你只需要拥有对HTML和CSS的理解，以及基本的JavaScript (JS) 知识就能看懂本文。


建议在中文和英文或者中文与数字之间加空格，并使用中文标点符号

哪儿没用中文标点符号了？

看到了，3Q

JasinYip · 2016-04-20T11:23:21Z

TODO/react-newbies-tutorial.md


-React is a JS library, created by Facebook and Instagram ([https://facebook.github.io/react/](https://facebook.github.io/react/)), which makes it possible to create single-page applications ([Single Page Applications (SPA)](http://www.leanpanda.com/blog/2015/05/25/single-page-application-development/)) using a structure that divides them into a number of dynamic, reusable **components**.
+React是一个JS库，由Facebook和Instagram创建([https://facebook.github.io/react/](https://facebook.github.io/react/))。它通过将应用分为一些动态的，可复用的 **组件**，来使我们可以创建单页应用([Single Page Applications (SPA)](http://www.leanpanda.com/blog/2015/05/25/single-page-application-development/))。


由Facebook和Instagram创建( -> 由 Facebook 和 Instagram 创建（

动态的，可复用的 -> 动态的、可复用的

markzhai · 2016-04-20T14:12:00Z

@JasinYip 目前的意见都修改好啦，谢谢，提出的意见都很好

JasinYip · 2016-04-20T15:04:54Z

其实你可以等我们说「校对完毕」后再修改😂不然你得改好几次呢

JasinYip · 2016-04-20T15:54:29Z

TODO/react-newbies-tutorial.md


-The React structure, known as a [virtual DOM](https://facebook.github.io/react/docs/working-with-the-browser.html), makes it possible to update a component every time its content undergoes a change, without the need for the entire page to be refreshed. For this purpose, the component will require an internal method in which the variable data and specific HTML attributes assigned to the element which are to undergo changes will be saved. Those attributes will themselves be linked to other methods which we will define within the components and which will be responsible for bringing about changes.
+React 结构，被称为[虚拟 DOM](https://facebook.github.io/react/docs/working-with-the-browser.html)，可以使我们在组件的内容发生改变的时候，不需要刷新整个页面，而可以只更新对应组件。


这后面貌似漏了半段……？

For this purpose, the component will require an internal method (in which the variable data and specific HTML attributes assigned to the element( which are to undergo changes)) will be saved. Those attributes will themselves be linked to other methods which we will define within the components and which will be responsible for bringing about changes.

所以，这个组件会依赖一个内置方法，它保存了那个变量 data 和赋予了一些具体的 HTML 属性的元素，并且这些元素是可以接受修改的。这些属性会自行连接到其它方法当中，这些方法我们会定义在组件里面，它们负责响应变动。

（Ps：这块感觉有点难度……可能翻译得不是十分好，希望译者或者其他校对朋友也来校对一下我这句，谢谢）

markzhai · 2016-04-21T03:12:52Z

@antonia0912 修改好啦

malcolmyu · 2016-04-21T12:49:15Z

TODO/react-newbies-tutorial.md


-A React component is a JS class that extends the **Component** class provided by React itself. A component represents and defines a block of HTML code, together with any behaviour associated with that block, such as a click event. Components are like Lego blocks that can be assembled to create complex applications as desired. Components, which are entirely composed of JS code, can be isolated and re-used. The fundamental method is **render()**, which simply returns a piece of HTML code.
+一个React组件是一个继承了由React提供的 **Component** 的JS类。一个组件代表并定义了一块HTML代码，以及任何与这块代码相关的行为，比如点击事件。组件就像是乐高积木，可以用来组建成所需的复杂应用。完全由JS代码构成的组件，可以被隔离和复用。基本方法是 **render()**，它简单地返回一片HTML代码。


注意中英文之间应有空格

JasinYip · 2016-04-21T14:18:42Z

我校对完了

malcolmyu · 2016-04-21T15:49:02Z

校对完成

markzhai · 2016-04-22T02:31:05Z

@antonia0912 改好啦

antonia0912 · 2016-04-22T03:23:58Z

TODO/react-newbies-tutorial.md




-As you can probably guess from the title, this post is aimed at readers with very little experience of programming. That is, at people such as myself: as I've only been exploring the world of programming for six months now. **So, it's going to be a genuine newbies tutorial!** To follow it, you'll only need to have an understanding of HTML and CSS and a basic level of Javascript (JS).  
+正如你能从标题猜到的，这篇文章的目标是给那些有很少编程经验的读者的。比如，像我这样的人：因为迄今为止，我才探索了变成编程世界6个月。**所以，这将是一篇新手村教程！** 你只需要拥有对 HTML 和 CSS 的理解，以及基本的 JavaScript（JS）知识就能看懂本文。


变成编程世界这里是不是多了一个变成

是的。。。

markzhai · 2016-04-22T03:31:41Z

@antonia0912 好了

antonia0912 · 2016-04-22T03:39:58Z

TODO/react-newbies-tutorial.md


-In our example, the independent variable data is composed of dates. These vary as a result of click events which set of chain reactions within the DOM that alter according to the information relating to pirates and temperature. We will therefore save the information related to each date in a “DATA” object. We will also make use of React’s `this.state={}` property within the parent component to save variable data in the form of key-value copies.
+在我们的例子里，那个独立的变量 data 是由日期组成的。这些会根据点击事件所集合的DOM内连锁反应进而根据对应海盗、温度信息而进行改变。所以我们将会根据每个 “DATA” 对象内的对应日期去保存信息。我们还将利用React在父组件内的 `this.state={}` 属性来以键值对拷贝形式保存变量数据的。


DOM 中英文之间的空格。。。。。请原谅一个像处女座一样龟毛的水瓶女。。。。还有 React 。。。。为什么大部分的英文都加空格了。。。结果这里又蹦出几个没有空格的。。。

antonia0912 · 2016-04-22T03:45:54Z

@markzhai 译文中我给了几处note，中英文之间的空格好多都没有加喔麻烦译者再检查一遍吧——来自一个像处女座一样龟毛的水瓶女。。。。

markzhai · 2016-04-22T03:48:19Z

@antonia0912 貌似都加上了。。把你也加到校对名单了

antonia0912 · 2016-04-22T04:09:19Z

@markzhai merge完就可以分享到掘金啦

翻译react.js新手村教程

c84c3ef

antonia0912 added 正在校对校对认领 labels Apr 19, 2016

JasinYip reviewed Apr 19, 2016
View reviewed changes

markzhai mentioned this pull request Apr 19, 2016

React.js 新手村教程 #252

Closed

根据校对意见进行修改

0cabdab

JasinYip reviewed Apr 20, 2016
View reviewed changes

根据校对意见修改

0beb972

JasinYip reviewed Apr 20, 2016
View reviewed changes

antonia0912 removed the 校对认领 label Apr 21, 2016

根据校对意见修改

fa1fbe7

malcolmyu reviewed Apr 21, 2016
View reviewed changes

markzhai added 2 commits April 22, 2016 10:32

根据校对修改

acd1975

加上校对者名字

b39dffd

antonia0912 reviewed Apr 22, 2016
View reviewed changes

去掉重复的字

992a7c4

antonia0912 reviewed Apr 22, 2016
View reviewed changes

改改改

8cb6e5e

markzhai added 2 commits April 22, 2016 11:49

加空格

93d9310

加空格

b038c4d

antonia0912 added 翻译完成 and removed 正在校对 labels Apr 22, 2016

antonia0912 merged commit 13f6cc4 into xitu:master Apr 22, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

翻译react.js新手村教程 #279

翻译react.js新手村教程 #279

markzhai commented Apr 18, 2016 •

edited

Loading

JasinYip commented Apr 19, 2016

antonia0912 commented Apr 19, 2016

JasinYip Apr 19, 2016

markzhai Apr 19, 2016

JasinYip Apr 19, 2016

markzhai Apr 19, 2016

JasinYip Apr 20, 2016

JasinYip Apr 20, 2016

markzhai commented Apr 20, 2016

JasinYip commented Apr 20, 2016

JasinYip Apr 20, 2016 •

edited

Loading

markzhai commented Apr 21, 2016

malcolmyu Apr 21, 2016 •

edited

Loading

JasinYip commented Apr 21, 2016

malcolmyu commented Apr 21, 2016

markzhai commented Apr 22, 2016

antonia0912 Apr 22, 2016

markzhai Apr 22, 2016

markzhai commented Apr 22, 2016

antonia0912 Apr 22, 2016 •

edited

Loading

antonia0912 commented Apr 22, 2016

markzhai commented Apr 22, 2016

antonia0912 commented Apr 22, 2016


		React is a JS library, created by Facebook and Instagram ([https://facebook.github.io/react/](https://facebook.github.io/react/)), which makes it possible to create single-page applications ([Single Page Applications (SPA)](http://www.leanpanda.com/blog/2015/05/25/single-page-application-development/)) using a structure that divides them into a number of dynamic, reusable components.
		React是一个JS库，由Facebook和Instagram创建([https://facebook.github.io/react/](https://facebook.github.io/react/))。它通过将应用分为一些动态的，可复用的组件，来使我们可以创建单页应用([Single Page Applications (SPA)](http://www.leanpanda.com/blog/2015/05/25/single-page-application-development/))。


		The React structure, known as a [virtual DOM](https://facebook.github.io/react/docs/working-with-the-browser.html), makes it possible to update a component every time its content undergoes a change, without the need for the entire page to be refreshed. For this purpose, the component will require an internal method in which the variable data and specific HTML attributes assigned to the element which are to undergo changes will be saved. Those attributes will themselves be linked to other methods which we will define within the components and which will be responsible for bringing about changes.
		React 结构，被称为[虚拟 DOM](https://facebook.github.io/react/docs/working-with-the-browser.html)，可以使我们在组件的内容发生改变的时候，不需要刷新整个页面，而可以只更新对应组件。


		A React component is a JS class that extends the Component class provided by React itself. A component represents and defines a block of HTML code, together with any behaviour associated with that block, such as a click event. Components are like Lego blocks that can be assembled to create complex applications as desired. Components, which are entirely composed of JS code, can be isolated and re-used. The fundamental method is render(), which simply returns a piece of HTML code.
		一个React组件是一个继承了由React提供的 Component 的JS类。一个组件代表并定义了一块HTML代码，以及任何与这块代码相关的行为，比如点击事件。组件就像是乐高积木，可以用来组建成所需的复杂应用。完全由JS代码构成的组件，可以被隔离和复用。基本方法是 render()，它简单地返回一片HTML代码。




		As you can probably guess from the title, this post is aimed at readers with very little experience of programming. That is, at people such as myself: as I've only been exploring the world of programming for six months now. So, it's going to be a genuine newbies tutorial! To follow it, you'll only need to have an understanding of HTML and CSS and a basic level of Javascript (JS).
		正如你能从标题猜到的，这篇文章的目标是给那些有很少编程经验的读者的。比如，像我这样的人：因为迄今为止，我才探索了变成编程世界6个月。所以，这将是一篇新手村教程！你只需要拥有对 HTML 和 CSS 的理解，以及基本的 JavaScript（JS）知识就能看懂本文。


		In our example, the independent variable data is composed of dates. These vary as a result of click events which set of chain reactions within the DOM that alter according to the information relating to pirates and temperature. We will therefore save the information related to each date in a “DATA” object. We will also make use of React’s `this.state={}` property within the parent component to save variable data in the form of key-value copies.
		在我们的例子里，那个独立的变量 data 是由日期组成的。这些会根据点击事件所集合的DOM内连锁反应进而根据对应海盗、温度信息而进行改变。所以我们将会根据每个 “DATA” 对象内的对应日期去保存信息。我们还将利用React在父组件内的 `this.state={}` 属性来以键值对拷贝形式保存变量数据的。

翻译react.js新手村教程 #279

翻译react.js新手村教程 #279

Conversation

markzhai commented Apr 18, 2016 • edited Loading

JasinYip commented Apr 19, 2016

antonia0912 commented Apr 19, 2016

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

markzhai commented Apr 20, 2016

JasinYip commented Apr 20, 2016

JasinYip Apr 20, 2016 • edited Loading

Choose a reason for hiding this comment

markzhai commented Apr 21, 2016

malcolmyu Apr 21, 2016 • edited Loading

Choose a reason for hiding this comment

JasinYip commented Apr 21, 2016

malcolmyu commented Apr 21, 2016

markzhai commented Apr 22, 2016

Choose a reason for hiding this comment

Choose a reason for hiding this comment

markzhai commented Apr 22, 2016

antonia0912 Apr 22, 2016 • edited Loading

Choose a reason for hiding this comment

antonia0912 commented Apr 22, 2016

markzhai commented Apr 22, 2016

antonia0912 commented Apr 22, 2016

markzhai commented Apr 18, 2016 •

edited

Loading

JasinYip Apr 20, 2016 •

edited

Loading

malcolmyu Apr 21, 2016 •

edited

Loading

antonia0912 Apr 22, 2016 •

edited

Loading