From e69d4ac5c9f8bd64728acf0aa8528fbb81af1b76 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Thu, 28 Oct 2021 16:25:01 +0800 Subject: [PATCH 01/22] docs(cn): translate installation --- src/pages/learn/installation.md | 33 ++++++++++++++++----------------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 18570cb125..e63fcc87b1 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -1,25 +1,24 @@ --- -title: Installation +title: 安装 --- -React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. - +React 从一开始就被设计为渐进式的,你可以根据你的需要使用少量或大量的 React。无论你是想体验一下 React 给 HTML 页面添加一些交互性,还是开始一个复杂的由 React 驱动的应用,本章节将帮助你开始。 -* [How add React to an HTML page](/learn/add-react-to-a-website) -* [How to start a standalone React project](/learn/start-a-new-react-project) -* [How to set up your editor](/learn/editor-setup) -* [How to install React Developer Tools](/learn/react-developer-tools) +* [如何将 React 添加到一个 HTML 页面](/learn/add-react-to-a-website) +* [如何启动一个独立的 React 项目](/learn/start-a-new-react-project) +* [如何设置你的编辑器](/learn/editor-setup) +* [如何安装 React 开发工具](/learn/react-developer-tools) -## Try React +## 尝试 React -You don't need to install anything to play with React. Try editing this sandbox! +你不需要安装任何东西来尝试 React。试试在下面的沙盒编辑使用吧 @@ -35,21 +34,21 @@ export default function App() { -We use sandboxes throughout these docs as teaching aids. Sandboxes can help familiarize you with how React works and help you decide if React is right for you. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [Stackblitz](https://stackblitz.com/fork/react), or [CodePen]( +我们在这些文档中使用沙盒作为教学辅助工具。沙盒可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,有许多支持 React 的在线沙盒:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm). -### Try React locally +### 本地尝试 React -To try React locally on your computer, [download this HTML page](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html). Open it in your editor and in your browser! +在你的计算机上进行 React 尝试, [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)。在编辑器或者浏览器中打开它! -## Add React to a page +## 将 React 添加到页面 -If you're working with an existing site and just need to add a little bit of React, you can [add React with a script tag.](/learn/add-react-to-a-website) +如果你正在使用一个现有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website) -## Start a React project +## 开始一个 React 项目 -If you're ready to [start a standalone project](/learn/start-a-new-react-project) with React, you can set up a minimal toolchain for a pleasant developer experience. You can also start with a framework that makes a lot of decisions for you out of the box. +如果你准备好使用 React [启动一个独立的项目](/learn/start-a-new-react-project) ,你可以建立一个最小的工具链以获得愉快的开发体验。你也可以从一个框架开始,它为你做了很多开箱即用的设定。 ## Next steps -Where you start depends on how you like to learn, what you need to accomplish, and where you want to go next! Why not read [Thinking in React](/learn/thinking-in-react)--our introductory tutorial? Or you can jump to [Describing the UI](/learn/describing-the-ui) to play with more examples and learn each topic step by step. There is no wrong way to learn React! +你从哪里开始,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From 041f3ff6c14224a1cd496764afc2470aabb7d527 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Thu, 28 Oct 2021 17:45:45 +0800 Subject: [PATCH 02/22] fix: typo --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index e63fcc87b1..e2d4395868 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -18,7 +18,7 @@ React 从一开始就被设计为渐进式的,你可以根据你的需要使 ## 尝试 React -你不需要安装任何东西来尝试 React。试试在下面的沙盒编辑使用吧 +你不需要安装任何东西来尝试 React。试试在下面的沙盒编辑使用吧: From 701617648adb67bf6a6bae009ed6798189f51d20 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Thu, 28 Oct 2021 17:54:43 +0800 Subject: [PATCH 03/22] fix: add title --- src/pages/learn/installation.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index e2d4395868..1b90308ae3 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -16,7 +16,7 @@ React 从一开始就被设计为渐进式的,你可以根据你的需要使 -## 尝试 React +## 尝试 React {#try-react} 你不需要安装任何东西来尝试 React。试试在下面的沙盒编辑使用吧: @@ -37,18 +37,18 @@ export default function App() { 我们在这些文档中使用沙盒作为教学辅助工具。沙盒可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,有许多支持 React 的在线沙盒:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm). -### 本地尝试 React +### 本地尝试 React 在你的计算机上进行 React 尝试, [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)。在编辑器或者浏览器中打开它! -## 将 React 添加到页面 +## 将 React 添加到页面 {#add-react-to-a-page} 如果你正在使用一个现有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website) -## 开始一个 React 项目 +## 开始一个 React 项目 {#start-a-react-project} 如果你准备好使用 React [启动一个独立的项目](/learn/start-a-new-react-project) ,你可以建立一个最小的工具链以获得愉快的开发体验。你也可以从一个框架开始,它为你做了很多开箱即用的设定。 -## Next steps +## 下节预告 {#next-steps} 你从哪里开始,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From e28fffa587e8e92cad14187be29c471085532906 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Thu, 28 Oct 2021 17:56:50 +0800 Subject: [PATCH 04/22] fix: typo --- src/pages/learn/installation.md | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 1b90308ae3..34a24f3776 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -5,6 +5,7 @@ title: 安装 React 从一开始就被设计为渐进式的,你可以根据你的需要使用少量或大量的 React。无论你是想体验一下 React 给 HTML 页面添加一些交互性,还是开始一个复杂的由 React 驱动的应用,本章节将帮助你开始。 + From 4b563a8281f4a6760c98c25ef000716707531b0c Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 10:18:46 +0800 Subject: [PATCH 05/22] Optimize the translation --- src/pages/learn/installation.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 34a24f3776..8a7dca2392 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -4,7 +4,7 @@ title: 安装 -React 从一开始就被设计为渐进式的,你可以根据你的需要使用少量或大量的 React。无论你是想体验一下 React 给 HTML 页面添加一些交互性,还是开始一个复杂的由 React 驱动的应用,本章节将帮助你开始。 +React 从诞生之初就是可被逐步采用的,因而你可以按需引入或多或少的 React 特性。不管你是想体验下 React,用它给简单的 HTML 页面增加一点交互,还是要开始一个完全由 React 驱动的复杂应用,该章节内容里的链接都能帮你快速开始。 @@ -35,16 +35,16 @@ export default function App() { -我们在这些文档中使用沙盒作为教学辅助工具。沙盒可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,有许多支持 React 的在线沙盒:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( +我们在这些文档中使用在线代码编辑器作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,还有许多支持 React 的在线代码编辑器:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm). ### 本地尝试 React -在你的计算机上进行 React 尝试, [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)。在编辑器或者浏览器中打开它! +如果你喜欢使用自己的文本编辑器,也可以[下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)文件,然后编辑文件内容,最后再用浏览器从本地文件系统打开文件 ## 将 React 添加到页面 {#add-react-to-a-page} -如果你正在使用一个现有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website) +如果你正在维护一个已有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website) ## 开始一个 React 项目 {#start-a-react-project} @@ -52,4 +52,6 @@ https://codepen.io/pen/?template=wvdqJJm). ## 下节预告 {#next-steps} +学习 React 的人有着不同的知识背景和学习方式,不管你是理论派还是实践派,我们希望该章节内容对你有帮助。 + 你从哪里开始,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From 3cdaefde5a2d8307b6e9b80cc2057fa7ada7e957 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 10:35:03 +0800 Subject: [PATCH 06/22] fix: optimize the translation --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 8a7dca2392..6999e7e489 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -19,7 +19,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 ## 尝试 React {#try-react} -你不需要安装任何东西来尝试 React。试试在下面的沙盒编辑使用吧: +你不需要安装任何东西。在下面的在线代码编辑器尝试一下吧: From d6bc5f5b964baa286f022ade2e7b552c9b7a30d9 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 10:36:36 +0800 Subject: [PATCH 07/22] fix: optimize the translation --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 6999e7e489..987f39c7cd 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -10,7 +10,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 -* [如何将 React 添加到一个 HTML 页面](/learn/add-react-to-a-website) +* [如何将 React 添加到一个页面](/learn/add-react-to-a-website) * [如何启动一个独立的 React 项目](/learn/start-a-new-react-project) * [如何设置你的编辑器](/learn/editor-setup) * [如何安装 React 开发工具](/learn/react-developer-tools) From 7a0a05ca45dce10faa998ec4b3497f4d3bd7d867 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 10:52:07 +0800 Subject: [PATCH 08/22] fix: optimize the translation --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 987f39c7cd..35ca8f8bcd 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -35,7 +35,7 @@ export default function App() { -我们在这些文档中使用在线代码编辑器作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,还有许多支持 React 的在线代码编辑器:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( +我们在教学文档中将使用在线代码编辑器作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,还有许多支持 React 的在线代码编辑器:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm). ### 本地尝试 React From bba55c3ab8e0ec30b24005c136267cabfbd67b79 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 10:59:04 +0800 Subject: [PATCH 09/22] fix: optimize the translation --- src/pages/learn/installation.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 35ca8f8bcd..79efd700ac 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -52,6 +52,4 @@ https://codepen.io/pen/?template=wvdqJJm). ## 下节预告 {#next-steps} -学习 React 的人有着不同的知识背景和学习方式,不管你是理论派还是实践派,我们希望该章节内容对你有帮助。 - -你从哪里开始,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 +你从哪里开始学习,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From 023d57d954cd6d838b5d731527121230d81d0d65 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 11:08:57 +0800 Subject: [PATCH 10/22] fix: typo --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 79efd700ac..aaacf5ae7e 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -52,4 +52,4 @@ https://codepen.io/pen/?template=wvdqJJm). ## 下节预告 {#next-steps} -你从哪里开始学习,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)--我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 +你从哪里开始学习,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)——我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From 754b445e8a0e1bf2e159f2a03d9b1786c2a562c6 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sat, 30 Oct 2021 11:59:38 +0800 Subject: [PATCH 11/22] fix: typo --- src/pages/learn/installation.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index aaacf5ae7e..61f7b55f1f 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -36,15 +36,15 @@ export default function App() { 我们在教学文档中将使用在线代码编辑器作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,还有许多支持 React 的在线代码编辑器:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( -https://codepen.io/pen/?template=wvdqJJm). +https://codepen.io/pen/?template=wvdqJJm)。 ### 本地尝试 React -如果你喜欢使用自己的文本编辑器,也可以[下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)文件,然后编辑文件内容,最后再用浏览器从本地文件系统打开文件 +如果你喜欢使用自己的文本编辑器,也可以[下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)文件,然后编辑文件内容,最后再用浏览器从本地文件系统打开文件。 ## 将 React 添加到页面 {#add-react-to-a-page} -如果你正在维护一个已有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website) +如果你正在维护一个已有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website)。 ## 开始一个 React 项目 {#start-a-react-project} From 4aa86c635f55b58c0c668a280f41354a37bb9430 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:04:14 +0800 Subject: [PATCH 12/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 61f7b55f1f..fe742a3ed1 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -10,7 +10,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 -* [如何将 React 添加到一个页面](/learn/add-react-to-a-website) +* [如何将 React 添加到页面中](/learn/add-react-to-a-website) * [如何启动一个独立的 React 项目](/learn/start-a-new-react-project) * [如何设置你的编辑器](/learn/editor-setup) * [如何安装 React 开发工具](/learn/react-developer-tools) From d1c613958ad4b2727fcabbfaf6978bc01e41d741 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:04:30 +0800 Subject: [PATCH 13/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index fe742a3ed1..f01286198c 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -12,7 +12,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 * [如何将 React 添加到页面中](/learn/add-react-to-a-website) * [如何启动一个独立的 React 项目](/learn/start-a-new-react-project) -* [如何设置你的编辑器](/learn/editor-setup) +* [如何配置你的编辑器](/learn/editor-setup) * [如何安装 React 开发工具](/learn/react-developer-tools) From 3d2a60c47b3c4317102f34ae2927c18d76601036 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:04:55 +0800 Subject: [PATCH 14/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index f01286198c..662894e327 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -11,7 +11,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 * [如何将 React 添加到页面中](/learn/add-react-to-a-website) -* [如何启动一个独立的 React 项目](/learn/start-a-new-react-project) +* [如何启动一个全新的 React 项目](/learn/start-a-new-react-project) * [如何配置你的编辑器](/learn/editor-setup) * [如何安装 React 开发工具](/learn/react-developer-tools) From f133ad80098bc90269f6dc8b0a990a0585b2eb88 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:05:20 +0800 Subject: [PATCH 15/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 662894e327..26c7c5d16f 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -19,7 +19,7 @@ React 从诞生之初就是可被逐步采用的,因而你可以按需引入 ## 尝试 React {#try-react} -你不需要安装任何东西。在下面的在线代码编辑器尝试一下吧: +无需进行任何安装,即可体验: From 620ac1bb6da2a429f85ac11eac2341f3ab0d1939 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:05:51 +0800 Subject: [PATCH 16/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 26c7c5d16f..816f9a0b08 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -35,7 +35,7 @@ export default function App() { -我们在教学文档中将使用在线代码编辑器作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,并帮助你决定 React 是否适合你。在 React 文档之外,还有许多支持 React 的在线代码编辑器:例如[CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( +我们将在线代码编辑器集成到了文档之中,将其作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,同时帮助你检测 React 与你的契合度。在 React 文档之外,还存在许多支持 React 的在线代码编辑器:例如 [CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm)。 ### 本地尝试 React From 15848d76bac002c51144b3d754b408d9cce517af Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:06:00 +0800 Subject: [PATCH 17/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 816f9a0b08..9694aad2d4 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -40,7 +40,7 @@ https://codepen.io/pen/?template=wvdqJJm)。 ### 本地尝试 React -如果你喜欢使用自己的文本编辑器,也可以[下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)文件,然后编辑文件内容,最后再用浏览器从本地文件系统打开文件。 +如果你喜欢使用自己的文本编辑器,也可以 [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html) 文件,然后编辑修改文件内容,最后直接用浏览器打开。 ## 将 React 添加到页面 {#add-react-to-a-page} From debb0f4ba29907e82589f4063fb5c4c33a8af51f Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:06:10 +0800 Subject: [PATCH 18/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 9694aad2d4..20d5e76e66 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -50,6 +50,6 @@ https://codepen.io/pen/?template=wvdqJJm)。 如果你准备好使用 React [启动一个独立的项目](/learn/start-a-new-react-project) ,你可以建立一个最小的工具链以获得愉快的开发体验。你也可以从一个框架开始,它为你做了很多开箱即用的设定。 -## 下节预告 {#next-steps} +## 下一步 {#next-steps} 你从哪里开始学习,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)——我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 From 7bcd8c79e8d30eab2c9caaecd3144285e2b3e8e9 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:06:32 +0800 Subject: [PATCH 19/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 20d5e76e66..37248d11fe 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -52,4 +52,4 @@ https://codepen.io/pen/?template=wvdqJJm)。 ## 下一步 {#next-steps} -你从哪里开始学习,取决于你喜欢如何学习,你需要完成什么,以及你下一步想去哪里! 不妨读一下[React 哲学](/learn/thinking-in-react)——我们的介绍性教程?或者你可以跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的例子,一步一步地学习每个主题。这是一个学习 React 不错的方法。 +你从哪里开始学习,这完全取决于你的学习习惯,你的学习目标,如果毫无头绪,不妨读一下 [React 哲学](/learn/thinking-in-react) —— 这是我们的入门级教程。或者你可以直接跳到 [描述用户界面](/learn/describing-the-ui) 来尝试更多的示例,逐步学习每个主题。总有一种适合你。 From dff19dfa9af5e6ee8c27347f56fb6841a8560753 Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:06:40 +0800 Subject: [PATCH 20/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 37248d11fe..d135bc6cb9 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -42,7 +42,7 @@ https://codepen.io/pen/?template=wvdqJJm)。 如果你喜欢使用自己的文本编辑器,也可以 [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html) 文件,然后编辑修改文件内容,最后直接用浏览器打开。 -## 将 React 添加到页面 {#add-react-to-a-page} +## 将 React 添加到已有页面 {#add-react-to-a-page} 如果你正在维护一个已有的网站,只需要添加一部分 React,你可以 [使用 script 标签添加 React](/learn/add-react-to-a-website)。 From d32ddac901035d91f1d30ae7e10128a31b3d813d Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Sun, 31 Oct 2021 11:06:47 +0800 Subject: [PATCH 21/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index d135bc6cb9..120b27d82e 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -38,7 +38,7 @@ export default function App() { 我们将在线代码编辑器集成到了文档之中,将其作为教学辅助工具。它可以帮助你熟悉 React 的工作方式,同时帮助你检测 React 与你的契合度。在 React 文档之外,还存在许多支持 React 的在线代码编辑器:例如 [CodeSandbox](https://codesandbox.io/s/new),[Stackblitz](https://stackblitz.com/fork/react),或者 [CodePen]( https://codepen.io/pen/?template=wvdqJJm)。 -### 本地尝试 React +### 本地尝试 React {#try-react-locally} 如果你喜欢使用自己的文本编辑器,也可以 [下载这个 HTML](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html) 文件,然后编辑修改文件内容,最后直接用浏览器打开。 From 8830e84ecfa40739e30adedb7f6a23ad474193fd Mon Sep 17 00:00:00 2001 From: Xinyuan Wang <40495740+ChelesteWang@users.noreply.github.com> Date: Tue, 2 Nov 2021 18:46:34 +0800 Subject: [PATCH 22/22] Update src/pages/learn/installation.md Co-authored-by: QiChang Li --- src/pages/learn/installation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/learn/installation.md b/src/pages/learn/installation.md index 120b27d82e..51aed3aac8 100644 --- a/src/pages/learn/installation.md +++ b/src/pages/learn/installation.md @@ -4,7 +4,7 @@ title: 安装 -React 从诞生之初就是可被逐步采用的,因而你可以按需引入或多或少的 React 特性。不管你是想体验下 React,用它给简单的 HTML 页面增加一点交互,还是要开始一个完全由 React 驱动的复杂应用,该章节内容里的链接都能帮你快速开始。 +React 从诞生之初就是可被逐步采用的,因此你可以选择性地使用 React 特性。不管你是想体验下 React,用它为简单的 HTML 页面增加交互,还是重新搭建一个由 React 驱动的复杂应用,本章节内容都能帮你快速入门。