必威电竞|足球世界杯竞猜平台

react
來源:互聯網

React是一個自由及開放源代碼的前端ECMAScript工具庫,用于基于UI組件構建用戶界面。它起源于Facebook的內部項目,因為該公司對市場上所有JavaScript MVC框架都不滿意,就決定自己寫一套,用來架設Instagram的網站。在2013年5月開源后,React很快就受到了廣泛的歡迎和使用。React可用作開發具有Next.js等框架的單頁、手機或服務器渲染應用程序的基礎。然而,React只專注于狀態管理和將狀態渲染到DOM,因此創建React應用程序通常需要使用額外的工具庫來進行路由實現,以及某些客戶端功能。React由后設(前身為Facebook)和由個人開發者和公司組成的社群維護。

基本介紹

由于 React的設計思想極其獨特,屬于革命性創新,性能出眾,代碼邏輯卻非常簡單。所以,越來越多的人開始關注和使用,認為它可能是將來 Web 開發的主流工具。

這個項目本身也越滾越大,從最早的UI引擎變成了一整套前后端通吃的 Web App 解決方案。衍生的 React Native 項目,目標更是宏偉,希望用寫 Web App 的方式去寫 Native App。如果能夠實現,整個互聯網行業都會被顛覆,因為同一組人只需要寫一次 UI ,就能同時運行在服務器、瀏覽器和手機。

React主要用于構建UI。你可以在React里傳遞多種類型的參數,如聲明代碼,幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變量、甚至是可交互的應用組件。

特點:

1.聲明式設計:React采用聲明范式,可以輕松描述應用。

2.高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。

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

示例:

下面這段代碼將會在在頁面容器中呈現出“Hello Tom”:

[XML]視圖 plaincopy

1./**@jsxReact.DOM*/

2.varHelloMsg=React.createClass({

3.render:函數(){

4.回車鍵

{'Hello'+this.props.name}

;

5.}});

6.React.renderComponent(,mountNode);

該例使用一個類似XML語法的JSX來構建組件,實現一個render()方法,并且根據輸入的數據返回相應的結果。輸入的數據作為XML屬性傳遞給組件,render()方法通過this.props訪問這些輸入的數據。

參考資料 >

React免費學習課程.hubwiz.com.2016-01-21

生活家百科家居網