diff --git a/docs/01-why-react.zh-TW.md b/docs/01-why-react.zh-TW.md new file mode 100644 index 00000000..b7b700d3 --- /dev/null +++ b/docs/01-why-react.zh-TW.md @@ -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).