React(有時叫React.js或ReactJS)是一個為數據提供渲染為HTML視圖的開源JavaScript 庫。
React 起源于 Facebook 的內部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設Instagram 的網站。做出來以后,發現這套東西很好用,就在2013年5月開源了。React視圖通常采用包含以自定義HTML標記規定的其他組件的組件渲染。React為程序員提供了一種子組件不能直接影響外層組件("data flows down")的模型,數據改變時對HTML文檔的有效更新,和現代單頁應用中組件之間干凈的分離。
它由Facebook、Instagram和一個由個人開發者和企業組成的社群維護。根據JavaScript分析服務Libscore,React當前正在被Netflix、Imgur、Bleacher Report、Feedly、Airbnb、SeatGeek、HelloSign等很多網站的主頁使用。
React 起源于 Facebook 的內部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設Instagram 的網站。做出來以后,發現這套東西很好用,就在2013年5月開源了。React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React 主要用于構建UI,很多人認為 React 是 MVC 中的 V(視圖)。
React 擁有較高的性能,代碼邏輯非常簡單,越來越多的人已開始關注和使用它。
React 特點
-
聲明式設計 −React采用聲明范式,可以輕松描述應用。
-
高效 −React通過對DOM的模擬,最大限度地減少與DOM的交互。
-
靈活 −React可以與已知的庫或框架很好地配合。
-
JSX − JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ,但我們建議使用它。
-
組件 − 通過 React 構建組件,使得代碼更加容易得到復用,能夠很好的應用在大項目的開發中。
-
單向響應的數據流 − React 實現了單向響應的數據流,從而減少了重復代碼,這也是它為什么比傳統數據綁定更簡單。
React 示例
最簡易的 React 示例如下:
ReactDOM.render( Hello, world!, document.getElementById('root') );
它將在頁面上展示一個 “Hello, world!” 的標題。