[官網學 React] 首頁

首頁網址（英文）：https://reactjs.org/
首頁網址（中文）：https://zh-hant.reactjs.org/

第一篇就先從首頁開始認識 React 吧！

看看官方是如何自我介紹:D

首先看到用一句話介紹就是：

React 是一個 JavaScript 的函式庫，用來建立使用者介面（UI）。

特色

• Declarative 宣告的、敘述的
  開發者在每一個 state 設計簡單的 view，React 就會效率地依據資料的變化在切確的元件（component）上做畫面更新和渲染。
  這讓建立互動式的使用者界面變得容易預測和較容易除錯。
  我覺得超棒的是，使用 React 和 Vue 都不需要透過 addEventListener 去監聽一個一個 DOM 的節點，他們會幫忙確認有哪些資料被改動。
  React 是透過 Virtual DOM 來處理（在後面 Doc 讀到時再來細細了解它）。

透過 this.props 可以存取在 render() function 傳給元件的資料

• Component-Based 元件式開發
  建構組裝過的元件，個元件會各自管理自己的 state。
  最後就可以將這些獨立的元件組合成一個完整的使用者介面。
  元件開發的好處除了可以獨立作業外，另外就是元件實作的位置在 JavaScript，比起寫在 HTML 樣板（templates）能做更多複雜的處理。
  讓大量的資料運作在 JavaScript，不只運用在各個 DOM 裡。

除了透過 props 取得資料，元件自己也可以有自己獨立的資料，透過 this.state 保存和更動

當 component 的 state 改變時，產生的標記語法（rendered markup）將會透過自動重新呼叫 render() 更新。

• Learn Once, Write Anywhere 學習一次，四處可通
  可以在 React 中開發新的功能，而不需要重寫原有的程式碼。
  React 可以透過 Node 在伺服器端做渲染，也可以透過 React Native 使用在行動裝置 app。

有了大致的認識後，下一篇就要進入到 Tutorial 了～YA