[11章]2023 React 18 系統(tǒng)入門 進階實戰(zhàn)《歡樂購》
學(xué)習(xí)地址 1:https://pan.baidu.com/s/1Y4xP2ui0WZI9UxlFRmuIGw 提取碼:zd4k
學(xué)習(xí)地址2:https://pan.baidu.com/s/1SFdqbCPs3xdMsIiqFI600A 提取碼:h0v9
React是用于構(gòu)建用戶界面的JavaScript庫,起源于Facebook的內(nèi)部項目,該公司對市場上所有 JavaScript MVC框架都不滿意,決定自行開發(fā)一套,用于架設(shè)Instagram的網(wǎng)站。
React有兩個主要的特點:
簡單
簡單的表述任意時間點你的應(yīng)用應(yīng)該是什么樣子的,React將會自動的管理UI界面更新當數(shù)據(jù)發(fā)生變化的時候。
聲明式
在數(shù)據(jù)發(fā)生變化的時候,React從概念上講與點擊了F5一樣,實際上它僅僅是更新了變化的一部分而已。
為什么使用React?
傳統(tǒng)方法頻繁操作DOM,性能無法達到要求;React使用VDOM,性能高
傳統(tǒng)JS代碼維護成本高,React基于組件開發(fā)
需要支持移動端開發(fā)
[11章]2023 React 18 系統(tǒng)入門 進階實戰(zhàn)《歡樂購》帶你系統(tǒng)構(gòu)建 React 18 技術(shù)體系,并結(jié)合“歡樂購”項目,快速積累企業(yè)級前端項目實戰(zhàn)經(jīng)驗,落地 React 18 與 TypeScript 結(jié)合的實用開發(fā)技巧。
react 里是通過 tag 來區(qū)分 vdom 類型的,比如 HostComponent 就是元素,HostText 就是文本,F(xiàn)unctionComponent、ClassComponent 就分別是函數(shù)組件和類組件。
react 是通過 setState 的 api 觸發(fā)狀態(tài)更新的,更新以后就重新渲染整個 vdom。
而 vue 是通過對狀態(tài)做代理,get 的時候收集以來,然后修改狀態(tài)的時候就可以觸發(fā)對應(yīng)組件的 render 了。