React_新手入門


React_輕松安裝

?(跟著小陳,帶你玩轉(zhuǎn)React)


(熱門的三大框架:Angular、React、Vue? )

了解 React?

React 是一個采用聲明式,高效而且靈活的用于構(gòu)建用戶界面的 JAVASCRIPT 庫。

React 起源于 Facebook 的內(nèi)部項目,因為該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設(shè) Instagram 的網(wǎng)站。做出來以后,發(fā)現(xiàn)這套東西很好用,就在2013年5月開源了。

為什么要使用React?

1、使用組件化開發(fā)方式,符合現(xiàn)代Web開發(fā)的趨勢

2、技術(shù)成熟,社區(qū)完善,配件齊全,適用于大型Web項目(生態(tài)系統(tǒng)健全)

3、由Facebook專門的團隊維護,技術(shù)支持可靠

4、使用方式簡單,性能非常高,支持服務(wù)端渲染

5、ReactNative - Learn once, write anywhere: Build mobile apps with React(學(xué)習(xí)一次,隨時隨地寫作:用React構(gòu)建移動應(yīng)用程序)

6、React非常火,從技術(shù)角度,提高技術(shù)水平;從職業(yè)角度,有利于參與潛力大的項目

react的特點

1.聲明式設(shè)計 ?React采用聲明范式,可以輕松描述應(yīng)用。

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

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

4.JSX ? JSX 是 JavaScript 語法的擴展。React 開發(fā)不一定使用 JSX ,但我們建議使用它。

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

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

看到這里我相信你們已經(jīng)初步認(rèn)識了React

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

下面我就來告訴大家如何安裝它吧

檢查node版本是否是最新版本

node? -V

是最新版本就可以繼續(xù)下載 若不是需要先更新node


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

安裝

npm install -g create-react-app

檢查是否安裝成功

create-react-app -V

初始化項目

create-react-app my-app(項目名稱)

進入項目

cd??(項目名稱)

啟動項目

npm start

現(xiàn)在我們已經(jīng)完成了初步的安裝并且成功啟動了初始化的項目


React


這就是初始化項目完成后所看到的效果圖,下載好后,就可以在里面寫項目了 。如果沒有成功,可是下載是丟文件,可以嘗試在一個網(wǎng)好的地方再次下載,還沒有好的話,建議去查找百度(機智如我)。

有幫助的話 ,別忘了下面的心心點你一下(想知道更多關(guān)于react的知識請私信我哦)

如有不懂或解決不了的問題可以私信我,或者在下方評論 ,小陳幫你解決困難

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容