iT邦幫忙

DAY 4
1

Reactjs 30 天邊做邊學系列系列 第 4

Reactjs Day 4 - 為什麼使用 React ?

  • 分享至 

  • xImage
  •  

在深入學習之前,我們先來看看官方文件所列的為什麼?

為什麼使用 React ?
React 是 Facebook 和 Instagram 用來建置使用者介面的函式庫。近來有許多人考慮使用 React 來處理 MVC 中的 V 的部分。
Facebook 創造了 React 是為了解決構建一個大型且資料不斷變動的應用程式時遇到的問題。
為了達到這個需求,React 採用了兩個主要的核心概念。

單純性(Simple)
任何一個時間點您的應用程式都應該傳達同樣的資訊,且當在背後的資料改變的時候 React 會自動管理關於界面 UI 上的更新。

定義的方式(Declarative)
這個翻譯有點不是很精準,大略是說您不應該從外部去控制元件該如何更新資料,而是在元件內部定義資料是哪來的怎麼更新。
當資料發生變更的時候,概念上就是 React 點擊了 refresh 按鈕,接著元件會自己知道只變更有更新的部分。

構建可組合的元件
什麼是元件呢?在 React 中所有的東西都是元件。事實上,使用 React 就是在建立這些可以重複使用的元件。因此你的目標就是封裝,組件化,重複使用,關注點分離。

小弟認為最好實務上的舉例就是類似 WinForm 或 WPF 的控制項(dll)。用起來就像 XAML ,透過屬性傳遞參數,至於程式行為已經都封裝在類別裡面了。

給個 5 分鐘看看
React 挑戰了很多傳統的做法,而且第一次大略看到這東西也許會覺得它瘋了嗎。給個 5 分鐘閱讀官方文件: 這些概念已經建立了上千個元件且我們應用在 Facebook 和 Instagram。


上一篇
Reactjs Day 3 - 動態留言框範例教學
下一篇
Reactjs Day 5 - Reactjs 大解密
系列文
Reactjs 30 天邊做邊學系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言