@@ -6,7 +6,7 @@ prev: cdn-links.html
6
6
next : introducing-jsx.html
7
7
---
8
8
9
- React 最小的範例看起來像是 :
9
+ React 最簡單的範例看起來像是 :
10
10
11
11
``` js
12
12
ReactDOM .render (
@@ -15,33 +15,33 @@ ReactDOM.render(
15
15
);
16
16
```
17
17
18
- 在頁面上顯示 " Hello, world!" 。
18
+ 在頁面上顯示「 Hello, world!」 。
19
19
20
20
[ ] ( codepen://hello-world )
21
21
22
- 按上面的連結會打開一個線上編輯器。歡迎把玩,看看輸出有什麼變化。本站的許多頁面都有像上面一樣可以編輯的範例 。
22
+ 點擊上方連結開啟線上編輯器。請隨意地將程式碼做任何的改變,並觀察它們的輸出變化。大部分的文件頁面都有像這樣可以編輯的範例 。
23
23
24
24
25
25
## 如何閱讀本指南 {#how-to-read-this-guide}
26
26
27
- 本篇我們來看看 React 應用的基本組成 :元素與組件。學好了這兩個,就可以打造小巧復用的組件,拼湊出複雜的應用 。
27
+ 在這份指南中,我們會研究 React 應用程式的基本組成 :元素與組件。一旦理解它們之後,你可以從小巧且可覆用的 Component,拼湊出複雜的應用程式 。
28
28
29
- > 秘訣
29
+ > Tip
30
30
>
31
- > 本指南設計給喜歡 ** 按部就班** 的朋友。若喜歡動手做的朋友,請參考我們的[ 實用指南] ( /tutorial/tutorial.html ) 。但兩篇其實相輔相成 。
31
+ > 本篇指南設計給喜歡 ** 按部就班** 的朋友。若喜歡動手做的朋友,請參考我們的[ 實用指南] ( /tutorial/tutorial.html ) 。你可能會發現本篇指南和教學課程其實是相輔相成的 。
32
32
33
- 本篇是 React 主要概念的第一章節。可以在旁邊的選單中找到所有的章節。若從手機瀏覽,按右下方的菜單 。
33
+ 本篇是 React 主要概念的第一章節。你可以在側邊的導航欄中找到所有章節的列表。如果你從手機裝置上瀏覽,可以透過點擊螢幕右下角的按鈕來瀏覽選單 。
34
34
35
- 本指南的每章都是基於前一章的知識 。** 按旁邊菜單的順序,依序閱讀“ 主要概念”後,可以掌握大多數的 React。** 舉例來說,這章的下一章是 [ “ JSX 入門” ] ( /docs/introducing-jsx.html ) 。
35
+ 本篇指南的每個章節都是基於前一章節的知識 。** 你可以按照側邊欄中顯示的順序閱讀「 主要概念」指南章節,來了解 React 大部分的內容 。** 舉例來說,這篇章節的下一章是 [ 「 JSX 入門」 ] ( /docs/introducing-jsx.html ) 。
36
36
37
37
## 需要的知識 {#knowledge-level-assumptions}
38
38
39
- React 是一個 JavaScript 的函式庫,我們期待你略懂些 JavaScript 的基礎知識。** 沒有自信的話,推薦 [ 過一遍這個 JavaScript 教學 ] ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript ) ** 來檢查看看你的 JavaScript 水平如何,確保你可以跟上本指南。大該需要 30 分鐘到一小時,但就不會感覺你在學 React,同時又得學 JavaScript。
39
+ React 是一個 JavaScript 的函式庫,而且我們假設你有一些 JavaScript 的基礎知識。** 如果你感到沒有自信的話,我們推薦 [ 過一遍這個 JavaScript 教學課程 ] ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript ) ** 來確認你的知識水平如何,確保你可以跟上本篇指南。這需要花費大概 30 分鐘到 1 小時,但你不會覺得你在學習 React,同時又在學習 JavaScript。
40
40
41
41
> 注意
42
42
>
43
- > 本指南偶爾會使用較新的 JavaScript 語法。若近年內沒有接觸過 JavaScript,只要看一下[ 這三個心法] ( https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c ) 即可。
43
+ > 本篇指南偶爾會使用較新的 JavaScript 語法。若近年內沒有接觸過 JavaScript,只要看一下[ 這三個心法] ( https://gist.github.com/gaearon/683e676101005de0add59e8bb345340c ) 即可。
44
44
45
- ## 馬上開始吧! {#lets-get-started}
45
+ ## 馬上開始吧! {#lets-get-started}
46
46
47
- 往下滑,在頁面底部上 ,你會找到進入[ 下一章的連結] ( /docs/introducing-jsx.html ) 。
47
+ 繼續滾動頁面至底部 ,你會找到進入[ 下一章的連結] ( /docs/introducing-jsx.html ) 。
0 commit comments