第一次玩簡書丛肮,隨便寫寫另锋,見諒
1.React 是什么?
React 是一個聲明式锨亏,高效且靈活的用于構(gòu)建用戶界面的 JavaScript 庫炕泳。使用 React 可以將一些簡短纵诞、獨立的代碼片段組合成復(fù)雜的 UI 界面,這些代碼片段被稱作“組件”培遵。
2.為什么要用React浙芙?
使用組件化開發(fā)方式,符合現(xiàn)代Web開發(fā)的趨勢
技術(shù)成熟籽腕,社區(qū)完善嗡呼,配件齊全,適用于大型Web項目(生態(tài)系統(tǒng)健全)
由Facebook專門的團(tuán)隊維護(hù)皇耗,技術(shù)支持可靠
ReactNative - Learn once, write anywhere: Build mobile apps with React
使用方式簡單南窗,性能非常高,支持服務(wù)端渲染
React非忱陕ィ火万伤,從技術(shù)角度,可以滿足好奇心箭启,提高技術(shù)水平壕翩;從職業(yè)角度,有利于求職和晉升傅寡,有利于參與潛力大的項目
3.React中的核心概念
虛擬DOM(Virtual DOM)
Diff算法(虛擬DOM的加速器放妈,提升React性能的法寶)
3.React腳手架搭建項目
1.安裝node.js和npm
2.通過cmd執(zhí)行 node -v 和 npm -v 查看是否下載成功和下載成功后的版本號北救。
3.安裝好的npm的源默認(rèn)是國外的源,會因為網(wǎng)絡(luò)原因?qū)е聢?zhí)行npm操作有延時芜抒,我們可以切換npm的源為淘寶的源鏡像珍策。
執(zhí)行 npm config set registry https://registry.npm.taobao.org。切換完成后宅倒,可通過 npm config get registry 查看攘宙。
4.安裝react腳手架,cmd執(zhí)行 npm i -g create-react-app (-g為全局下載)
5.安裝好 node 和 react腳手架后就可以創(chuàng)建項目啦拐迁,cmd切換至指定路徑蹭劈,執(zhí)行 create-react-app rproject (rproject為自定義項目名),最后出現(xiàn) happy hacking說明創(chuàng)建成功线召。
6.如果出現(xiàn)以下報錯铺韧,是因為網(wǎng)絡(luò)原因,導(dǎo)致 npm讀取代理服務(wù)器失敗缓淹,解決辦法為1查看網(wǎng)絡(luò)狀況哈打,2將npm源路徑切換到淘寶鏡像。參照第三步讯壶。
7.項目創(chuàng)建成功后料仗,我們可在對應(yīng)的路徑下看到項目文件。打開文件可以看到文件結(jié)構(gòu)伏蚊。
8.啟動項目立轧。在項目所在路徑下cmd執(zhí)行 npm start。
9.啟動成功后會自動打開瀏覽器丙挽,并出現(xiàn)react圖標(biāo)肺孵,說明項目啟動成功。
10.安排明白了颜阐,快點練習(xí)一下吧(孤獨的豺狼)