react是Facebook推出的一個(gè)用來構(gòu)建用戶界面的JavaScript開發(fā)框架，使創(chuàng)建交互式UI變得輕而易舉；react組件邏輯使用JavaScript編寫而非模版，因此用戶可以輕松地在應(yīng)用中傳遞數(shù)據(jù)，并使得狀態(tài)與DOM分離。

本教程操作環(huán)境：windows7系統(tǒng)、react16、Dell G3電腦。

React是用于構(gòu)建用戶界面的JavaScript庫(kù)， [2] 起源于Facebook的內(nèi)部項(xiàng)目，因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC框架，都不滿意，就決定自己寫一套，用來架設(shè)Instagram的網(wǎng)站。做出來以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開源了。

React 是一個(gè)聲明式，高效且靈活的用于構(gòu)建用戶界面的 JavaScript 庫(kù)。使用 React 可以將一些簡(jiǎn)短、獨(dú)立的代碼片段組合成復(fù)雜的 UI 界面，這些代碼片段被稱作“組件”。

由于 React的設(shè)計(jì)思想極其獨(dú)特，屬于革命性創(chuàng)新，性能出眾，代碼邏輯卻非常簡(jiǎn)單。所以，越來越多的人開始關(guān)注和使用，認(rèn)為它可能是將來 Web 開發(fā)的主流工具。

【相關(guān)教程推薦：React視頻教程】

React 是一個(gè)為數(shù)據(jù)提供渲染為 HTML 視圖的開源 JavaScript 庫(kù)。React 視圖通常采用包含以自定義 HTML 標(biāo)記規(guī)定的其他組件的組件渲染。React 為程序員提供了一種子組件不能直接影響外層組件的模型，數(shù)據(jù)改變時(shí)對(duì) HTML 文檔的有效更新，和現(xiàn)代單頁(yè)應(yīng)用中組件之間干凈的分離。

React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖，當(dāng)數(shù)據(jù)改變時(shí) React 能有效地更新并正確地渲染組件。組件邏輯使用 JavaScript 編寫而非模版，因此你可以輕松地在應(yīng)用中傳遞數(shù)據(jù)，并使得狀態(tài)與 DOM 分離。

React 特點(diǎn)

• 聲明式設(shè)計(jì)：React采用聲明范式，可以輕松描述應(yīng)用。

• 高效：React通過對(duì)DOM的模擬，最大限度地減少與DOM的交互。

• 靈活：React可以與已知的庫(kù)或框架很好地配合。

• JSX：JSX 是 JavaScript 語(yǔ)法的擴(kuò)展。React 開發(fā)不一定使用 JSX ，但我們建議使用它。

• 組件：通過 React 構(gòu)建組件，使得代碼更加容易得到復(fù)用，能夠很好的應(yīng)用在大項(xiàng)目的開發(fā)中。

• 單向響應(yīng)的數(shù)據(jù)流： React 實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而減少了重復(fù)代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡(jiǎn)單。

掌握 React 不僅可以幫你應(yīng)對(duì)前端應(yīng)用開發(fā)，而且它的編程思想還可以應(yīng)用到 React Native 原生 App 開發(fā)和服務(wù)器端渲染的后端開發(fā)。所以不論你是否從事前端開發(fā)工作，學(xué)習(xí) React 對(duì)技能提升和職業(yè)發(fā)展都有很大的幫助。