在《React中文參考手冊》中,React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫。 React主要用于構(gòu)建UI,很多人認為 React 是 MVC 中的 V(視圖)。 React 起源于 Facebook 的內(nèi)部項目,用來架設 Instagram 的網(wǎng)站,并于 2013 年 5 月開源。 React 擁有較高的性能,代碼邏輯非常簡單,越來越多的人已開始關注和使用它。
React(有時叫React.js或ReactJS)是一個為數(shù)據(jù)提供渲染為HTML視圖的開源JavaScript 庫。React視圖通常采用包含以自定義HTML標記規(guī)定的其他組件的組件渲染。
React為程序員提供了一種子組件不能直接影響外層組件("data flows down")的模型,數(shù)據(jù)改變時對HTML文檔的有效更新,和現(xiàn)代單頁應用中組件之間干凈的分離。
React由Facebook 的軟件工程師Jordan Walke創(chuàng)建。他受到PHP的HTML組件框架XHP影響。該框架首先于2011年部署于Facebook的 newsfeed,隨后于2012年部署于Instagram。它于2013年5月在JSConf US開源。
提示:在開始學習?React?之前,您需要具備HTML5、CSS、JavaScript的基礎知識。
下面讓我們感受第一個react實例!
第一個react實例
實例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script> </head> <body> <div id="example"></div> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
由于 React的設計思想極其獨特,屬于革命性創(chuàng)新,性能出眾,代碼邏輯卻非常簡單。所以,越來越多的人開始關注和使用,認為它可能是將來 Web 開發(fā)的主流工具。
提示:我們的React教程將幫助您逐步學習如何掌握并應用React,如果你有任何疑問,請前往PHP中文網(wǎng)React社區(qū)提出你的問題,會有熱心網(wǎng)友為你解答。
React特點:
聲明式設計:React采用聲明范式,可以輕松描述應用。
高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
靈活:React可以與已知的庫或框架很好地配合。
本React教程手冊涵蓋的內(nèi)容
本React教程手冊涵蓋所有React基礎使用方法,包含React安裝、React元素渲染、React JSX、React組件、React Props、React AJAX、React實踐處理等等知識。
提示:本教程的每一章都包含了很多React實例,您可以直接點擊?"運行實例"?按鈕在線查看結(jié)果。這些例子將幫助您更好地理解和使用React。
最新章節(jié)
- React Refs 2016-10-19
- React 表單與事件 2016-10-19
- React AJAX 2016-10-19
- React 組件生命周期 2016-10-19
- React 組件 API 2016-10-19
- React Props 2016-10-19
- React State(狀態(tài)) 2016-10-19
- React 組件 2016-10-19
相關課程
- Web前端開發(fā)極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原創(chuàng)】 2022-09-30
- Gulp入門視頻教程 2022-04-18
- 兄弟連高洛峰CSS3視頻教程 2022-04-20
- AngularJS開發(fā)Web應用程序基礎實例視頻教程 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎視頻教程 2022-04-13
- 線上培訓班試聽課 2019-01-10