React 教學

React 是一個用於構建使用者介面的 JAVASCRIPT 庫。

React 主要用於構建UI,很多人認為 React 是 MVC 中的 V(檢視表)。

React 起源於 Facebook 的內部專案,用來架設 Instagram 的網站,並於 2013 年 5 月開源。

React 擁有較高的效能,程式碼邏輯非常簡單,越來越多的人已開始關注和使用它。


React 特點

  • 1.宣告式設計 ?React採用宣告範式,可以輕鬆描述應用。

  • 2.高效 ?React透過對DOM的模擬,最大限度地減少與DOM的互動。

  • 3.靈活 ?React可以與已知的庫或框架很好地配合。

  • 4.JSX ? JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ,但我們建議使用它。

  • 5.元件 ? 透過 React 構建元件,使得程式碼更加容易得到復用,能夠很好的應用在大專案的開發中。

  • 6.單向回應的資料流 ? React 實現了單向回應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。


閱讀本教學前,您需要了解的知識:

在開始學習 React 之前,您需要具備以下基礎知識:

  • HTML5
  • CSS
  • JavaScript

React 第一個例項

在每個章節中,您可以線上編輯範例,然後點選按鈕檢視結果。

本教學使用了 React 的版本為 16.4.0,你可以在官網 https://reactjs.org/ 下載最新版。

React 例項

<div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script>

線上執行 ?