react是Facebook推出的一個用來構建用戶界面的JavaScript開發框架,使創建交互式UI變得輕而易舉;react組件邏輯使用JavaScript編寫而非模版,因此用戶可以輕松地在應用中傳遞數據,并使得狀態與DOM分離。
本教程操作環境:windows7系統、react16、Dell G3電腦。
React是用于構建用戶界面的JavaScript庫, [2] 起源于Facebook的內部項目,因為該公司對市場上所有 JavaScript MVC框架,都不滿意,就決定自己寫一套,用來架設Instagram的網站。做出來以后,發現這套東西很好用,就在2013年5月開源了。
React 是一個聲明式,高效且靈活的用于構建用戶界面的 JavaScript 庫。使用 React 可以將一些簡短、獨立的代碼片段組合成復雜的 UI 界面,這些代碼片段被稱作“組件”。
由于 React的設計思想極其獨特,屬于革命性創新,性能出眾,代碼邏輯卻非常簡單。所以,越來越多的人開始關注和使用,認為它可能是將來 Web 開發的主流工具。
【相關教程推薦:React視頻教程】
React 是一個為數據提供渲染為 HTML 視圖的開源 JavaScript 庫。React 視圖通常采用包含以自定義 HTML 標記規定的其他組件的組件渲染。React 為程序員提供了一種子組件不能直接影響外層組件的模型,數據改變時對 HTML 文檔的有效更新,和現代單頁應用中組件之間干凈的分離。
React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖,當數據改變時 React 能有效地更新并正確地渲染組件。組件邏輯使用 JavaScript 編寫而非模版,因此你可以輕松地在應用中傳遞數據,并使得狀態與 DOM 分離。
React 特點
-
聲明式設計:React采用聲明范式,可以輕松描述應用。
-
高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
-
靈活:React可以與已知的庫或框架很好地配合。
-
JSX:JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ,但我們建議使用它。
-
組件:通過 React 構建組件,使得代碼更加容易得到復用,能夠很好的應用在大項目的開發中。
-
單向響應的數據流: React 實現了單向響應的數據流,從而減少了重復代碼,這也是它為什么比傳統數據綁定更簡單。
掌握 React 不僅可以幫你應對前端應用開發,而且它的編程思想還可以應用到 React Native 原生 App 開發和服務器端渲染的后端開發。所以不論你是否從事前端開發工作,學習 React 對技能提升和職業發展都有很大的幫助。