diff --git a/guide/chinese/react/index.md b/guide/chinese/react/index.md index d627babba4b..92628fad193 100644 --- a/guide/chinese/react/index.md +++ b/guide/chinese/react/index.md @@ -1,18 +1,18 @@ --- title: React -localeTitle: 应对 +localeTitle: React --- -# 应对 +# React -React是一个用于构建用户界面的JavaScript库。它被Stack Overflow 2017年开发者调查中的“框架，图书馆和其他技术”类别评为最受欢迎。 1 +React是一个用于构建用户界面的JavaScript库。在Stack Overflow 2017年开发者调查别评为最受欢迎的“框架，库和其他技术”之一。 -React是一个JavaScript库，构建在它上面的React应用程序在浏览器中运行，而不是在服务器上运行。这种应用程序仅在必要时与服务器通信，这使得它们与传统网站相比非常快，这些网站迫使用户等待服务器重新呈现整个页面并将其发送到浏览器。 +React是一个JavaScript库，构建在它上面的React应用程序在浏览器中运行，而不是在服务器上运行。这种应用程序仅在必要时与服务器通信，这使得它们与传统网站相比更快，用户从此不必等待服务器重新渲染整个页面并将其发送到浏览器。 -React用于构建用户界面 - 用户在屏幕上看到并与之交互以使用您的Web应用程序。这个界面被分成几个部分，而不是将一个巨大的页面拆分成称为组件的较小部分。更一般地说，这种方法称为模块化。 +React用于构建用户界面 - 用户在屏幕上看到并与之交互来使用React编写的的Web应用程序。用户界面将被分成几个称为组件的较小部分。更一般地说，这种方法称为模块化。 -* 它是声明性的：React使用声明性范例，使您更容易推理您的应用程序。 -* 效率很高：React计算保持DOM最新所需的最小变更集。 -* 而且它很灵活：React可以与您已经知道的库和框架一起使用。 +* 它是声明性的：React使用声明性范例，使您更容易理解您的应用程序。 +* 高效率：React计算保持DOM最新所需的最小变更集。 +* 灵活性：React可以与您已经知道的其它库和框架一起使用。 ## 为什么要学习React？ @@ -46,14 +46,14 @@ const Component2 = () => { 2. 在大多数情况下，React是声明性的，我们更关心的是做什么而不是如何做特定的任务。声明性编程是一种编程范例，表示计算的逻辑而不描述其控制流。 声明性编程具有某些优点，例如减少副作用（当我们修改任何状态或改变某些东西或发出API请求时发生），最小化可变性（大量抽象），增强的可读性，较小的错误。 -3. 单向数据流。 React中的UI实际上是状态的功能，这意味着当状态更新时它也会更新UI。所以我们的UI随着状态的变化而进步。 +3. 单向数据流。 React中的UI实际上是状态依赖的功能，这意味着当状态更新时它也会更新UI。所以我们的UI随着状态的变化而进步。 ## React的优点 使用React的一些原因是： -1. 快速。在React中制作的应用程序可以处理复杂的更新，并且仍然能够快速响应。 +1. 快速。在React中制作的应用程序可以处理复杂的更新，并且仍然能够做到快速响应。 2. 模块化。您可以编写许多较小的可重用文件，而不是编写大而密集的代码文件。 React的模块化可以解决JavaScript的[可维护性问题](https://en.wikipedia.org/wiki/Spaghetti_code) 。 3. 可扩展性。显示大量不断变化的数据的大型程序是React表现最佳的地方。 4. 灵活。您可以将React用于与制作Web应用程序无关的有趣项目。人们仍然在研究React的潜力。 [有探索的空间](https://medium.mybridge.co/22-amazing-open-source-react-projects-cb8230ec719f) 。 @@ -70,9 +70,9 @@ React有一个智能的差异算法，它只用于在DOM节点中重新生成实 使用虚拟DOM，React将最后的DOM版本保留在内存中，当它有一个新的DOM版本带到浏览器时，新的DOM版本也将在内存中，因此React可以计算新版本和旧版本之间的差异。 -然后，React将指示浏览器仅更新计算的diff而不是整个DOM节点。无论我们重新生成界面多少次，React都会向浏览器添加新的“部分”更新。 +然后，React将指示浏览器仅更新计算两者不同的部分而不是整个DOM节点。无论我们重新生成界面多少次，React都只会向浏览器添加更新的“部分”。 -## 从Scratch反应 +## 开始编写React应用 您是否想开始学习反应的基础知识而不会陷入困境创建开发环境？ 如果您不熟悉Web开发，那么设置开发环境可能会让您在尝试学习React或第一次学习React时感到有点恐惧。 @@ -229,4 +229,4 @@ JSX非常直观。您可以非常轻松地阅读此代码，并看到这将是 ### 来源 -1. [“2017年开发者调查结果。”](https://insights.stackoverflow.com/survey/2017#technology-most-loved-dreaded-and-wanted-frameworks-libraries-and-other-technologies) _堆栈溢出。_访问时间：2017年10月28日。 \ No newline at end of file +1. [“2017年开发者调查结果。”](https://insights.stackoverflow.com/survey/2017#technology-most-loved-dreaded-and-wanted-frameworks-libraries-and-other-technologies) _堆栈溢出。_访问时间：2017年10月28日。