學(xué)習(xí)地址 1：https://pan.baidu.com/s/1Y4xP2ui0WZI9UxlFRmuIGw 提取碼：zd4k?

學(xué)習(xí)地址2：https://pan.baidu.com/s/1SFdqbCPs3xdMsIiqFI600A 提取碼：h0v9?

React是用于構(gòu)建用戶界面的JavaScript庫(kù)，起源于Facebook的內(nèi)部項(xiàng)目，該公司對(duì)市場(chǎng)上所有 JavaScript MVC框架都不滿意，決定自行開(kāi)發(fā)一套，用于架設(shè)Instagram的網(wǎng)站。

React有兩個(gè)主要的特點(diǎn)：

簡(jiǎn)單

簡(jiǎn)單的表述任意時(shí)間點(diǎn)你的應(yīng)用應(yīng)該是什么樣子的，React將會(huì)自動(dòng)的管理UI界面更新當(dāng)數(shù)據(jù)發(fā)生變化的時(shí)候。

聲明式

在數(shù)據(jù)發(fā)生變化的時(shí)候，React從概念上講與點(diǎn)擊了F5一樣，實(shí)際上它僅僅是更新了變化的一部分而已。

為什么使用React?

傳統(tǒng)方法頻繁操作DOM，性能無(wú)法達(dá)到要求；React使用VDOM，性能高

傳統(tǒng)JS代碼維護(hù)成本高，React基于組件開(kāi)發(fā)

需要支持移動(dòng)端開(kāi)發(fā)

[11章]2023 React 18 系統(tǒng)入門 進(jìn)階實(shí)戰(zhàn)《歡樂(lè)購(gòu)》帶你系統(tǒng)構(gòu)建 React 18 技術(shù)體系，并結(jié)合“歡樂(lè)購(gòu)”項(xiàng)目，快速積累企業(yè)級(jí)前端項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)，落地 React 18 與 TypeScript 結(jié)合的實(shí)用開(kāi)發(fā)技巧。

react 里是通過(guò) tag 來(lái)區(qū)分 vdom 類型的，比如 HostComponent 就是元素，HostText 就是文本，F(xiàn)unctionComponent、ClassComponent 就分別是函數(shù)組件和類組件。

react 是通過(guò) setState 的 api 觸發(fā)狀態(tài)更新的，更新以后就重新渲染整個(gè) vdom。

而 vue 是通過(guò)對(duì)狀態(tài)做代理，get 的時(shí)候收集以來(lái)，然后修改狀態(tài)的時(shí)候就可以觸發(fā)對(duì)應(yīng)組件的 render 了。