Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: translate describing the ui #312

Merged
merged 1 commit into from
Jun 17, 2022

Conversation

yuaanlin
Copy link
Contributor

@yuaanlin yuaanlin commented Jun 12, 2022

---

<Intro>

React is a JavaScript library for rendering user interfaces (UI). UI is built from small units like buttons, text, and images. React lets you combine them into reusable, nestable *components.* From web sites to phone apps, everything on the screen can be broken down into components. In this chapter, you'll learn to create, customize, and conditionally display React components.
React 是一個用來渲染使用者介面 (UI) 的 Javascript 函式庫。一個完整的使用者介面是用各種小元件(例如按鈕、文字或圖片)組合而成。React 讓你將這些小元件組合成可以重複使用、可以巢狀使用的 *component*。

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

component 应该被翻译成組件,因为这里是一个名词,并不是特指,下文很多地方都一样,只有导出那里需要保留 Component

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

旧版的繁体字文档中,component 没有被翻译为组件,所以我才保留了component没有翻译

https://zh-hant.reactjs.org/tutorial/tutorial.html#overview

image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

简体字文档则有翻译成 “组件”,所以可能是习惯问题

image

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

哦,我只看旧的简体版中文

Copy link
Member

@bugtender bugtender left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Well done. Thank you!

@github-actions
Copy link

Size Changes

📦 Next.js Bundle Analysis

This analysis was generated by the next.js bundle analysis action 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 95.23 KB (🔴 +10.55 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

One Hundred Ninety Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 55.03 KB (🔴 +7.05 KB) 150.25 KB
/404 54.14 KB (🔴 +7.06 KB) 149.36 KB
/_error 197 B (🟢 -1 B) 95.42 KB
/apis 54.91 KB (🔴 +7.05 KB) 150.14 KB
/apis/createcontext 56.67 KB (🔴 +7.06 KB) 151.89 KB
/apis/reactdom 54.85 KB (🔴 +7.05 KB) 150.08 KB
/apis/render 56.89 KB (🔴 +7.06 KB) 152.12 KB
/apis/usecontext 62.63 KB (🔴 +7.06 KB) 157.85 KB
/apis/usereducer 62.25 KB (🔴 +7.06 KB) 157.48 KB
/apis/useref 59.97 KB (🔴 +7.08 KB) 155.2 KB
/apis/usestate 65.88 KB (🔴 +7.05 KB) 161.11 KB
/blog 41.34 KB (🟡 +944 B) 136.57 KB
/blog/2013/06/02/jsfiddle-integration 65.42 KB (🔴 +7.53 KB) 160.64 KB
/blog/2013/06/05/why-react 67.14 KB (🔴 +7.53 KB) 162.37 KB
/blog/2013/06/12/community-roundup 66.84 KB (🔴 +7.53 KB) 162.07 KB
/blog/2013/06/19/community-roundup-2 67.51 KB (🔴 +7.54 KB) 162.74 KB
/blog/2013/06/21/react-v0-3-3 65.56 KB (🔴 +7.53 KB) 160.79 KB
/blog/2013/06/27/community-roundup-3 67.88 KB (🔴 +7.53 KB) 163.11 KB
/blog/2013/07/02/react-v0-4-autobind-by-default 66.18 KB (🔴 +7.53 KB) 161.41 KB
/blog/2013/07/03/community-roundup-4 67.25 KB (🔴 +7.53 KB) 162.47 KB
/blog/2013/07/11/react-v0-4-prop-validation-and-default-values 66.05 KB (🔴 +7.53 KB) 161.28 KB
/blog/2013/07/17/react-v0-4-0 66.76 KB (🔴 +7.53 KB) 161.99 KB
/blog/2013/07/23/community-roundup-5 67.64 KB (🔴 +7.53 KB) 162.87 KB
/blog/2013/07/26/react-v0-4-1 65.53 KB (🔴 +7.53 KB) 160.75 KB
/blog/2013/07/30/use-react-and-jsx-in-ruby-on-rails 66.13 KB (🔴 +7.54 KB) 161.36 KB
/blog/2013/08/05/community-roundup-6 66.93 KB (🔴 +7.53 KB) 162.16 KB
/blog/2013/08/19/use-react-and-jsx-in-python-applications 66.14 KB (🔴 +7.53 KB) 161.37 KB
/blog/2013/08/26/community-roundup-7 67.11 KB (🔴 +7.53 KB) 162.33 KB
/blog/2013/09/24/community-roundup-8 68.54 KB (🔴 +7.53 KB) 163.76 KB
/blog/2013/10/03/community-roundup-9 67.47 KB (🔴 +7.53 KB) 162.7 KB
/blog/2013/10/16/react-v0.5.0 67.16 KB (🔴 +7.53 KB) 162.38 KB
/blog/2013/10/29/react-v0-5-1 65.51 KB (🔴 +7.53 KB) 160.74 KB
/blog/2013/11/06/community-roundup-10 69.13 KB (🔴 +7.53 KB) 164.36 KB
/blog/2013/11/18/community-roundup-11 68.21 KB (🔴 +7.53 KB) 163.44 KB
/blog/2013/12/18/react-v0.5.2-v0.4.2 65.99 KB (🔴 +7.53 KB) 161.21 KB
/blog/2013/12/19/react-v0.8.0 66.41 KB (🔴 +7.53 KB) 161.63 KB
/blog/2013/12/23/community-roundup-12 67.87 KB (🔴 +7.53 KB) 163.09 KB
/blog/2013/12/30/community-roundup-13 67.65 KB (🔴 +7.53 KB) 162.88 KB
/blog/2014/01/02/react-chrome-developer-tools 65.91 KB (🔴 +7.53 KB) 161.13 KB
/blog/2014/01/06/community-roundup-14 67.24 KB (🔴 +7.53 KB) 162.47 KB
/blog/2014/02/05/community-roundup-15 68.46 KB (🔴 +7.53 KB) 163.69 KB
/blog/2014/02/15/community-roundup-16 68.17 KB (🔴 +7.53 KB) 163.4 KB
/blog/2014/02/16/react-v0.9-rc1 68.58 KB (🔴 +7.53 KB) 163.8 KB
/blog/2014/02/20/react-v0.9 69.02 KB (🔴 +7.53 KB) 164.25 KB
/blog/2014/02/24/community-roundup-17 67.89 KB (🔴 +7.53 KB) 163.11 KB
/blog/2014/03/14/community-roundup-18 68.85 KB (🔴 +7.53 KB) 164.08 KB
/blog/2014/03/19/react-v0.10-rc1 67.16 KB (🔴 +7.53 KB) 162.39 KB
/blog/2014/03/21/react-v0.10 67.18 KB (🔴 +7.53 KB) 162.41 KB
/blog/2014/03/28/the-road-to-1.0 67.29 KB (🔴 +7.53 KB) 162.52 KB
/blog/2014/04/04/reactnet 65.94 KB (🔴 +7.53 KB) 161.16 KB
/blog/2014/05/06/flux 66.06 KB (🔴 +7.53 KB) 161.29 KB
/blog/2014/05/29/one-year-of-open-source-react 66.29 KB (🔴 +7.53 KB) 161.51 KB
/blog/2014/06/27/community-roundup-19 67.83 KB (🔴 +7.53 KB) 163.06 KB
/blog/2014/07/13/react-v0.11-rc1 68.21 KB (🔴 +7.53 KB) 163.44 KB
/blog/2014/07/17/react-v0.11 69.47 KB (🔴 +7.53 KB) 164.7 KB
/blog/2014/07/25/react-v0.11.1 66.42 KB (🔴 +7.54 KB) 161.65 KB
/blog/2014/07/28/community-roundup-20 67.98 KB (🔴 +7.53 KB) 163.2 KB
/blog/2014/07/30/flux-actions-and-the-dispatcher 67.61 KB (🔴 +7.53 KB) 162.83 KB
/blog/2014/08/03/community-roundup-21 67.64 KB (🔴 +7.53 KB) 162.87 KB
/blog/2014/09/03/introducing-the-jsx-specification 65.65 KB (🔴 +7.53 KB) 160.87 KB
/blog/2014/09/12/community-round-up-22 68.12 KB (🔴 +7.53 KB) 163.35 KB
/blog/2014/09/16/react-v0.11.2 66.42 KB (🔴 +7.53 KB) 161.64 KB
/blog/2014/09/24/testing-flux-applications 69.6 KB (🔴 +7.53 KB) 164.82 KB
/blog/2014/10/14/introducing-react-elements 68.55 KB (🔴 +7.53 KB) 163.78 KB
/blog/2014/10/16/react-v0.12-rc1 68.52 KB (🔴 +7.53 KB) 163.74 KB
/blog/2014/10/17/community-roundup-23 69.09 KB (🔴 +7.54 KB) 164.32 KB
/blog/2014/10/27/react-js-conf 65.69 KB (🔴 +7.53 KB) 160.92 KB
/blog/2014/10/28/react-v0.12 68.46 KB (🔴 +7.53 KB) 163.69 KB
/blog/2014/11/24/react-js-conf-updates 66.08 KB (🔴 +7.53 KB) 161.3 KB
/blog/2014/11/25/community-roundup-24 69.32 KB (🔴 +7.53 KB) 164.54 KB
/blog/2014/12/18/react-v0.12.2 66.11 KB (🔴 +7.53 KB) 161.33 KB
/blog/2014/12/19/react-js-conf-diversity-scholarship 66.5 KB (🔴 +7.53 KB) 161.73 KB
/blog/2015/01/27/react-v0.13.0-beta-1 67.47 KB (🔴 +7.53 KB) 162.7 KB
/blog/2015/02/18/react-conf-roundup-2015 69.46 KB (🔴 +7.53 KB) 164.68 KB
/blog/2015/02/20/introducing-relay-and-graphql 68.61 KB (🔴 +7.53 KB) 163.83 KB
/blog/2015/02/24/react-v0.13-rc1 67.51 KB (🔴 +7.53 KB) 162.73 KB
/blog/2015/02/24/streamlining-react-elements 70.06 KB (🔴 +7.53 KB) 165.29 KB
/blog/2015/03/03/react-v0.13-rc2 66.84 KB (🔴 +7.53 KB) 162.07 KB
/blog/2015/03/04/community-roundup-25 67.8 KB (🔴 +7.53 KB) 163.03 KB
/blog/2015/03/10/react-v0.13 68.12 KB (🔴 +7.53 KB) 163.35 KB
/blog/2015/03/16/react-v0.13.1 65.94 KB (🔴 +7.53 KB) 161.17 KB
/blog/2015/03/19/building-the-facebook-news-feed-with-relay 68.7 KB (🔴 +7.53 KB) 163.93 KB
/blog/2015/03/26/introducing-react-native 65.84 KB (🔴 +7.53 KB) 161.06 KB
/blog/2015/03/30/community-roundup-26 67.77 KB (🔴 +7.53 KB) 163 KB
/blog/2015/04/17/react-native-v0.4 66.68 KB (🔴 +7.53 KB) 161.91 KB
/blog/2015/04/18/react-v0.13.2 66.02 KB (🔴 +7.53 KB) 161.25 KB
/blog/2015/05/01/graphql-introduction 70.51 KB (🔴 +7.53 KB) 165.74 KB
/blog/2015/05/08/react-v0.13.3 65.91 KB (🔴 +7.53 KB) 161.13 KB
/blog/2015/05/22/react-native-release-process 66.06 KB (🔴 +7.53 KB) 161.29 KB
/blog/2015/06/12/deprecating-jstransform-and-react-tools 66.51 KB (🔴 +7.53 KB) 161.74 KB
/blog/2015/07/03/react-v0.14-beta-1 68.02 KB (🔴 +7.54 KB) 163.25 KB
/blog/2015/08/03/new-react-devtools-beta 66.63 KB (🔴 +7.53 KB) 161.85 KB
/blog/2015/08/11/relay-technical-preview 66.69 KB (🔴 +7.53 KB) 161.91 KB
/blog/2015/08/13/reacteurope-roundup 68.28 KB (🔴 +7.53 KB) 163.5 KB
/blog/2015/09/02/new-react-developer-tools 66.04 KB (🔴 +7.54 KB) 161.27 KB
/blog/2015/09/10/react-v0.14-rc1 71.73 KB (🔴 +7.53 KB) 166.95 KB
/blog/2015/09/14/community-roundup-27 68.2 KB (🔴 +7.53 KB) 163.43 KB
/blog/2015/10/01/react-render-and-top-level-api 67.17 KB (🔴 +7.53 KB) 162.4 KB
/blog/2015/10/07/react-v0.14 72.21 KB (🔴 +7.53 KB) 167.44 KB
/blog/2015/10/19/reactiflux-is-moving-to-discord 67.92 KB (🔴 +7.53 KB) 163.15 KB
/blog/2015/10/28/react-v0.14.1 65.93 KB (🔴 +7.53 KB) 161.16 KB
/blog/2015/11/02/react-v0.14.2 65.96 KB (🔴 +7.53 KB) 161.19 KB
/blog/2015/11/18/react-v0.14.3 66.09 KB (🔴 +7.53 KB) 161.31 KB
/blog/2015/12/04/react-js-conf-2016-diversity-scholarship 66.96 KB (🔴 +7.53 KB) 162.19 KB
/blog/2015/12/16/ismounted-antipattern 66.56 KB (🔴 +7.53 KB) 161.79 KB
/blog/2015/12/18/react-components-elements-and-instances 70.48 KB (🔴 +7.53 KB) 165.71 KB
/blog/2015/12/29/react-v0.14.4 65.76 KB (🔴 +7.53 KB) 160.98 KB
/blog/2016/01/08/A-implies-B-does-not-imply-B-implies-A 66.77 KB (🔴 +7.53 KB) 162 KB
/blog/2016/01/12/discontinuing-ie8-support 65.58 KB (🔴 +7.53 KB) 160.81 KB
/blog/2016/02/19/new-versioning-scheme 66.96 KB (🔴 +7.53 KB) 162.19 KB
/blog/2016/03/07/react-v15-rc1 69.71 KB (🔴 +7.53 KB) 164.94 KB
/blog/2016/03/16/react-v15-rc2 66.58 KB (🔴 +7.53 KB) 161.8 KB
/blog/2016/03/29/react-v0.14.8 65.71 KB (🔴 +7.53 KB) 160.93 KB
/blog/2016/04/07/react-v15 73.9 KB (🔴 +7.53 KB) 169.13 KB
/blog/2016/04/08/react-v15.0.1 66.47 KB (🔴 +7.53 KB) 161.69 KB
/blog/2016/07/11/introducing-reacts-error-code-system 66.18 KB (🔴 +7.53 KB) 161.4 KB
/blog/2016/07/13/mixins-considered-harmful 74.33 KB (🔴 +7.53 KB) 169.56 KB
/blog/2016/07/22/create-apps-with-no-configuration 69.66 KB (🔴 +7.53 KB) 164.89 KB
/blog/2016/08/05/relay-state-of-the-state 69.7 KB (🔴 +7.53 KB) 164.92 KB
/blog/2016/09/28/our-first-50000-stars 71.15 KB (🔴 +7.53 KB) 166.37 KB
/blog/2016/11/16/react-v15.4.0 69.1 KB (🔴 +7.53 KB) 164.33 KB
/blog/2017/04/07/react-v15.5.0 69.66 KB (🔴 +7.53 KB) 164.89 KB
/blog/2017/05/18/whats-new-in-create-react-app 69.06 KB (🔴 +7.53 KB) 164.29 KB
/blog/2017/06/13/react-v15.6.0 67.68 KB (🔴 +7.53 KB) 162.91 KB
/blog/2017/07/26/error-handling-in-react-16 68.03 KB (🔴 +7.53 KB) 163.26 KB
/blog/2017/09/08/dom-attributes-in-react-16 68.46 KB (🔴 +7.53 KB) 163.69 KB
/blog/2017/09/25/react-v15.6.2 66.8 KB (🔴 +7.53 KB) 162.02 KB
/blog/2017/09/26/react-v16.0 71.93 KB (🔴 +7.53 KB) 167.15 KB
/blog/2017/11/28/react-v16.2.0-fragment-support 69.86 KB (🔴 +7.53 KB) 165.08 KB
/blog/2017/12/07/introducing-the-react-rfc-process 66.38 KB (🔴 +7.53 KB) 161.6 KB
/blog/2017/12/15/improving-the-repository-infrastructure 82.17 KB (🟡 +7.54 KB) 177.39 KB
/blog/2018/03/01/sneak-peek-beyond-react-16 66.33 KB (🔴 +7.53 KB) 161.56 KB
/blog/2018/03/27/update-on-async-rendering 71.58 KB (🔴 +7.53 KB) 166.8 KB
/blog/2018/03/29/react-v-16-3 68.4 KB (🔴 +7.53 KB) 163.63 KB
/blog/2018/05/23/react-v-16-4 68.54 KB (🔴 +7.53 KB) 163.76 KB
/blog/2018/06/07/you-probably-dont-need-derived-state 72.2 KB (🔴 +7.53 KB) 167.42 KB
/blog/2018/08/01/react-v-16-4-2 67.19 KB (🔴 +7.53 KB) 162.41 KB
/blog/2018/09/10/introducing-the-react-profiler 68.8 KB (🔴 +7.53 KB) 164.02 KB
/blog/2018/10/01/create-react-app-v2 69.27 KB (🔴 +7.53 KB) 164.5 KB
/blog/2018/10/23/react-v-16-6 68.47 KB (🔴 +7.53 KB) 163.7 KB
/blog/2018/11/13/react-conf-recap 66.19 KB (🔴 +7.53 KB) 161.41 KB
/blog/2018/11/27/react-16-roadmap 72.38 KB (🔴 +7.53 KB) 167.61 KB
/blog/2018/12/19/react-v-16-7 67.31 KB (🔴 +7.53 KB) 162.54 KB
/blog/2019/02/06/react-v16.8.0 69.58 KB (🔴 +7.53 KB) 164.8 KB
/blog/2019/02/23/is-react-translated-yet 69.14 KB (🔴 +7.53 KB) 164.37 KB
/blog/2019/08/08/react-v16.9.0 72.07 KB (🔴 +7.53 KB) 167.3 KB
/blog/2019/08/15/new-react-devtools 66.68 KB (🔴 +7.53 KB) 161.91 KB
/blog/2019/10/22/react-release-channels 68.49 KB (🔴 +7.52 KB) 163.71 KB
/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense 73.19 KB (🔴 +7.53 KB) 168.42 KB
/blog/2020/02/26/react-v16.13.0 69.41 KB (🔴 +7.53 KB) 164.64 KB
/blog/2020/08/10/react-v17-rc 75.7 KB (🟡 +7.53 KB) 170.92 KB
/blog/all 57.34 KB (🟡 +923 B) 152.57 KB
/community 54.72 KB (🔴 +7.05 KB) 149.94 KB
/community/acknowledgements 55.91 KB (🔴 +7.06 KB) 151.14 KB
/community/meet-the-team 56.6 KB (🔴 +7.05 KB) 151.83 KB
/learn 59.67 KB (🔴 +7.05 KB) 154.9 KB
/learn/add-react-to-a-website 60.66 KB (🔴 +7.06 KB) 155.88 KB
/learn/adding-interactivity 61.36 KB (🔴 +7.05 KB) 156.59 KB
/learn/choosing-the-state-structure 67.08 KB (🔴 +7.06 KB) 162.31 KB
/learn/conditional-rendering 59.32 KB (🔴 +7.06 KB) 154.54 KB
/learn/describing-the-ui 59.54 KB (🔴 +8.06 KB) 154.76 KB
/learn/editor-setup 56.46 KB (🔴 +7.05 KB) 151.69 KB
/learn/escape-hatches 54.05 KB (🔴 +7.06 KB) 149.28 KB
/learn/extracting-state-logic-into-a-reducer 64.73 KB (🔴 +7.06 KB) 159.95 KB
/learn/importing-and-exporting-components 57.72 KB (🔴 +7.06 KB) 152.94 KB
/learn/installation 55.32 KB (🔴 +7.05 KB) 150.55 KB
/learn/javascript-in-jsx-with-curly-braces 57.79 KB (🔴 +7.06 KB) 153.02 KB
/learn/keeping-components-pure 61.92 KB (🔴 +7.05 KB) 157.15 KB
/learn/managing-state 60.65 KB (🔴 +7.06 KB) 155.88 KB
/learn/manipulating-the-dom-with-refs 62.89 KB (🔴 +7.06 KB) 158.12 KB
/learn/passing-data-deeply-with-context 62.45 KB (🔴 +7.06 KB) 157.68 KB
/learn/passing-props-to-a-component 61.49 KB (🔴 +7.06 KB) 156.72 KB
/learn/preserving-and-resetting-state 65.46 KB (🔴 +7.05 KB) 160.69 KB
/learn/queueing-a-series-of-state-updates 59.29 KB (🔴 +7.06 KB) 154.51 KB
/learn/react-developer-tools 55.53 KB (🔴 +7.05 KB) 150.76 KB
/learn/reacting-to-input-with-state 63.9 KB (🔴 +7.06 KB) 159.13 KB
/learn/referencing-values-with-refs 60.81 KB (🔴 +7.05 KB) 156.03 KB
/learn/render-and-commit 57.78 KB (🔴 +7.05 KB) 153.01 KB
/learn/rendering-lists 61.87 KB (🔴 +7.05 KB) 157.1 KB
/learn/responding-to-events 60.81 KB (🔴 +7.06 KB) 156.04 KB
/learn/scaling-up-with-reducer-and-context 58.86 KB (🔴 +7.06 KB) 154.09 KB
/learn/sharing-state-between-components 59.94 KB (🔴 +7.06 KB) 155.16 KB
/learn/start-a-new-react-project 56.96 KB (🔴 +7.03 KB) 152.19 KB
/learn/state-a-components-memory 65.02 KB (🔴 +7.06 KB) 160.24 KB
/learn/state-as-a-snapshot 58.59 KB (🔴 +7.06 KB) 153.82 KB
/learn/thinking-in-react 60.65 KB (🔴 +7.06 KB) 155.88 KB
/learn/updating-arrays-in-state 62.88 KB (🔴 +7.05 KB) 158.11 KB
/learn/updating-objects-in-state 62.62 KB (🔴 +7.05 KB) 157.84 KB
/learn/writing-markup-with-jsx 58.03 KB (🔴 +7.05 KB) 153.26 KB
/learn/your-first-component 58.62 KB (🔴 +7.05 KB) 153.85 KB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 10% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

@bugtender bugtender merged commit 37b32b8 into reactjs:main Jun 17, 2022
@yuaanlin yuaanlin deleted the docs/describing-the-ui branch August 31, 2022 09:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants