深入淺出React開(kāi)發(fā)指南

前言
第1章 邂逅React/
1.1React的優(yōu)勢(shì)分析/
1.2React 發(fā)展歷程/
第2章 了解JSX/
2.1認(rèn)識(shí)JSX/
2.1.1JSX是什么/
2.1.2React.createElement/
2.1.3JSX 轉(zhuǎn)換邏輯/
2.1.4ReactElement對(duì)象/
2.2操作JSX/
2.2.1JSX與Element對(duì)象/
2.2.2Element方法集/
2.2.3Element對(duì)象持久化/
2.3JSX轉(zhuǎn)換Element對(duì)象流程/
2.3.1createElement原理揭秘/
2.3.2cloneElement原理揭秘/
2.4實(shí)踐：可控性渲染/
2.5Babel解析JSX/
2.5.1Babel插件/
2.5.2API層面模擬實(shí)現(xiàn)/
第3章 React組件/
3.1組件是什么/
3.1.1組件的定義/
3.1.2組件的特性/
3.2兩種類(lèi)型的組件/
3.2.1類(lèi)組件/
3.2.2函數(shù)組件/
3.3組件的通信方式/
3.3.1props和callback方式/
3.3.2eventBus事件總線/
3.3.3其他方式/
3.4組件的設(shè)計(jì)模式/
3.5組件的繼承/
3.5.1繼承模式的介紹/
3.5.2繼承模式實(shí)踐：編寫(xiě)權(quán)限路由/
3.6高階組件（HOC）/
3.6.1什么是高階組件/
3.6.2高階組件解決了什么問(wèn)題/
3.6.3高階組件之屬性代理/
3.6.4高階組件之反向繼承/
3.6.5高階組件功能/
3.6.6高階組件注意事項(xiàng)/
3.6.7高階組件實(shí)踐：渲染分片/
3.6.8高階組件功能總結(jié)/
第4章 React更新驅(qū)動(dòng)/
4.1React 驅(qū)動(dòng)源/
4.1.1誰(shuí)在驅(qū)動(dòng)React更新/
4.1.2React更新流/
4.2React props/
4.2.1props的概念及作用/
4.2.2props 的使用技巧/
4.3組合模式和 render props 模式/
4.3.1組合模式/
4.3.2實(shí)踐：組合模式實(shí)現(xiàn)tab和tabItem/
4.3.3render props模式/
4.4State驅(qū)動(dòng)/
4.4.1類(lèi)組件setState介紹/
4.4.2函數(shù)組件中的useState/
4.5主流框架批量更新模式/
4.5.1宏任務(wù)和微任務(wù)/
4.5.2微任務(wù)｜宏任務(wù)實(shí)現(xiàn)批量更新/
4.5.3可控任務(wù)實(shí)現(xiàn)批量更新/
4.6兩種模式下的State更新/
4.6.1legacy模式和concurrent模式/
4.6.2老版本legacy模式下的更新/
4.6.3新版本concurrent模式下的更新/
4.6.4flushSync提高優(yōu)先級(jí)/
4.7外部數(shù)據(jù)源/
4.7.1什么是外部數(shù)據(jù)源/
4.7.2useSyncExternalStore介紹/
4.7.3useSyncExternalStore原理及其模擬/
第5章 React生命周期/
5.1生命周期介紹/
5.1.1生命周期意義及兩大階段/
5.1.2React生命周期及其特點(diǎn)/
5.2類(lèi)組件生命周期/
5.2.1類(lèi)組件初始化流程及其生命周期/
5.2.2類(lèi)組件更新流程及其生命周期/
5.2.3類(lèi)組件銷(xiāo)毀流程及其生命周期/
5.2.4commit階段細(xì)節(jié)補(bǔ)充/
5.3類(lèi)組件生命周期的作用/
5.3.1類(lèi)組件生命周期能做些什么/
5.3.2類(lèi)組件渲染錯(cuò)誤邊界/
5.4函數(shù)組件生命周期替代方案/
5.4.1useEffect和useLayoutEffect/
5.4.2useInsertionEffect/
5.4.3生命周期替代方案/
5.5實(shí)踐：實(shí)現(xiàn)ScrollView組件/
第6章 React狀態(tài)獲取與傳遞/
6.1ref 對(duì)象介紹/
6.2ref 使用及應(yīng)用場(chǎng)景/
6.2.1ref 的使用/
6.2.2forwardref 轉(zhuǎn)發(fā)ref/
6.2.3ref 其他應(yīng)用場(chǎng)景/
6.3Context 介紹/
6.3.1什么是Context/
6.3.2Context 解決了什么問(wèn)題/
6.4新老版本Context/
6.4.1老版本Context/
6.4.2新版本Context/
6.4.3動(dòng)態(tài)Context/
6.5Context 特性/
6.5.1嵌套多個(gè)Context/
6.5.2逐層傳遞Provider/
6.6Context實(shí)現(xiàn)切換主題功能/
第7章 工程化配置及跨平臺(tái)開(kāi)發(fā)/
7.1React 環(huán)境搭建/
7.1.1環(huán)境搭建/
7.1.2create-react-app創(chuàng)建項(xiàng)目/
7.2CSS模塊化/
7.2.1為什么要用CSS模塊化/
7.2.2CSS模塊化之CSS Modules/
7.2.3CSS模塊化之CSS IN JS/
7.2.4CSS模塊化總結(jié)/
7.3React服務(wù)端渲染/
7.3.1React SSR流程分析/
7.3.2React SSR框架Next.js/
7.4React Native跨平臺(tái)開(kāi)發(fā)/
7.4.1從JS引擎到JSI/
7.4.2React Native簡(jiǎn)介/
第8章 React架構(gòu)設(shè)計(jì)/
8.1虛擬DOM與fiber/
8.1.1虛擬DOM/
8.1.2React fiber/
8.2fiber架構(gòu)/
8.2.1fiber樹(shù)的構(gòu)成/
8.2.2fiber樹(shù)的創(chuàng)建流程/
8.2.3fiber樹(shù)的更新流程/
8.3React中的位運(yùn)算/
8.3.1為什么要用位運(yùn)算/
8.3.2React位掩碼場(chǎng)景——更新優(yōu)先級(jí)/
8.3.3React位掩碼場(chǎng)景——更新上下文/
8.3.4React位掩碼場(chǎng)景——更新標(biāo)識(shí)/
8.4React數(shù)據(jù)更新架構(gòu)設(shè)計(jì)/
8.4.1React更新前置設(shè)計(jì)/
8.4.2React更新后置設(shè)計(jì)/
8.5React事件系統(tǒng)設(shè)計(jì)/
8.5.1React事件系統(tǒng)介紹/
8.5.2事件系統(tǒng)設(shè)計(jì)/
8.5.3新老版本事件系統(tǒng)差異/
第9章 高性能React/
9.1React內(nèi)部更新調(diào)優(yōu)/
9.1.1調(diào)和優(yōu)化手段/
9.1.2diff算法/
9.2React外部渲染控制/
9.2.1React渲染本質(zhì)/
9.2.2React渲染控制手段/
9.2.3對(duì)React渲染的思考/
9.3任務(wù)調(diào)度/
9.3.1為什么要使用異步調(diào)度/
9.3.2Scheduler核心實(shí)現(xiàn)/
9.4過(guò)渡更新任務(wù)/
9.4.1Transition使命/
9.4.2Transition模擬場(chǎng)景/
9.4.3Transition具體實(shí)現(xiàn)/
9.4.4Transition實(shí)現(xiàn)原理/
9.5異步組件和懶加載/
9.5.1異步組件和Suspense/
9.5.2Suspense實(shí)現(xiàn)懶加載/
9.5.3Suspense和React.lazy原理實(shí)現(xiàn)/
9.5.4React V18 SuspenseList/
9.5.5hydrate模式下的Suspense新特性/
9.5.6Suspense未來(lái)可期/
9.6React海量數(shù)據(jù)處理/
9.6.1渲染切片/
9.6.2長(zhǎng)列表優(yōu)化方案/
9.7React使用細(xì)節(jié)處理/
9.7.1React中的防抖和節(jié)流/
9.7.2React中的動(dòng)畫(huà)/
9.7.3在React中防止