Browse Source
* Create 01-why-react.zh-TW.md Translation for language code [zh-TW](https://en.wikipedia.org/wiki/Zh-TW) * Update 01-why-react.zh-TW.md change "封裝性非常好" to "封裝性高"main
Jackson Huang
9 years ago
committed by
Jim
1 changed files with 29 additions and 0 deletions
@ -0,0 +1,29 @@ |
|||||
|
--- |
||||
|
id: why-react |
||||
|
title: Why React? |
||||
|
permalink: why-react.html |
||||
|
next: displaying-data.html |
||||
|
--- |
||||
|
React是Facebook和Instagram用來建立使用者介面的JavaScript函式庫. 很多人認為React就是處理 **[MVC](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)**架構中 **V** 的部份. |
||||
|
|
||||
|
我們建造React用來解決一個問題: **開發資料能隨時間頻繁更新的大型應用程式**. |
||||
|
|
||||
|
## 簡單(Simple) |
||||
|
|
||||
|
簡單意味著你所開發的應用程式外觀任何一部分都要能即時呈現, 並且當資料有所變動時React能自動管理所有UI的更新. |
||||
|
|
||||
|
## 陳述(Declarative) |
||||
|
|
||||
|
當資料改變時, React概念上就像是點擊了 "刷新" 的按鈕, 並且知道只需更新有改變的部份. |
||||
|
|
||||
|
## 建立可組合的元件(Composable Components) |
||||
|
|
||||
|
React就是在建造可重用的元件(Components). 事實上, 當你使用React時 *唯一* 在做的事就是建立元件(Components). 由於它們封裝性高,元件使得程式碼能夠易於重複使用, 測試, 並且容易做到讓關注點分離(separation of concerns easy). |
||||
|
|
||||
|
## 指引(Give It Five Minutes) |
||||
|
|
||||
|
React挑戰了許多傳統的觀念, 第一次乍看之下這些構想可能看起來有點瘋狂. [Give it five minutes](https://signalvnoise.com/posts/3124-give-it-five-minutes) 而當閱讀完這篇指引; 這些瘋狂的構想在Facebook和Instagram裡裡外外建立了數以千計的元件(components)之後被證明是可實行的. |
||||
|
|
||||
|
## 更多學習資源 |
||||
|
|
||||
|
從這裡你能學習到更多建造React背後的動機 [this blog post](/react/blog/2013/06/05/why-react.html). |
Loading…
Reference in new issue