第1章 React快速入門(mén) 001
1.1　傳統(tǒng)前端開(kāi)發(fā)到現(xiàn)代前端架構(gòu) 001
1.2　使用React的理由 002
1.2.1　虛擬DOM 004
1.2.2　diff算法 007
1.2.3　key 010
1.3　ReactDOM 015
1.3.1　react-dom與react的關(guān)系 017
1.3.2　組件中的狀態(tài)響應(yīng) 019
1.3.3　React基本引入方式 020
1.3.4　開(kāi)箱即用的React引入 022
1.3.5　Vite快速初始化 023
思考題 025

第2章 組件與視圖渲染 027
2.1　React組件初探 027
2.1.1　類(lèi)組件 028
2.1.2　函數(shù)組件 030
2.2　組件狀態(tài)與通信 030
2.2.1　state 031
2.2.2　props 036
2.2.3　props導(dǎo)致的更新 040
2.2.4　父?jìng)髯油ㄐ?045
2.2.5　子傳父通信 052
2.2.6　兄弟組件通信 053
2.2.7　跨組件分層通信 057
2.3　組件生命周期 061
2.3.1　類(lèi)組件生命周期 061
2.3.2　函數(shù)組件生命周期 066
2.4　遍歷渲染 067
2.4.1　遍歷渲染對(duì)象 067
2.4.2　遍歷渲染數(shù)組 069
2.5　React事件機(jī)制 071
思考題 073

第3章 React Router 074
3.1　配置路由 077
3.2　React Router實(shí)現(xiàn)原理 079
3.3　React Router V6詳解 085
3.4　路由守衛(wèi) 091
3.5　哈希路由和歷史路由 095
思考題 097

第4章 React Hooks深入淺出 098
4.1　useState 101
4.2　useState是同步的還是異步的？ 106
4.3　useEffect 110
4.4　useLayoutEffect 112
4.5　useEffect和useLayoutEffect的區(qū)別 113
4.6　useRef 120
4.7　useMemo和useCallback 124
4.8　useContext 127
4.9　useReducer 130
4.10　自定義Hook 135
4.10.1　功能型Hook 137
4.10.2　業(yè)務(wù)型Hook 140
4.10.3　實(shí)現(xiàn)一個(gè)完整版useRequest 143
4.11　ahooks入門(mén) 158
思考題 164

第5章 React狀態(tài)管理方案 165
5.1　主流狀態(tài)管理方案 165
5.2　Redux 170
5.3　react-redux 174
5.4　實(shí)現(xiàn)一個(gè)簡(jiǎn)易版Redux 178
思考題 184

第6章 全棧化與Serverless 185
6.1　Nest.js快速入門(mén) 186
6.2　數(shù)據(jù)庫(kù)連接和初始化 208
6.3　快速構(gòu)建CRUD 213
6.4　基于Nest.js的RBAC權(quán)限控制系統(tǒng)實(shí)現(xiàn) 216
6.5　JWT登錄及偽造請(qǐng)求解決方案 224
6.6　跨端掃碼登錄 237
6.7　Midway.js入門(mén) 242
6.8　Midway.js實(shí)現(xiàn)注冊(cè)、登錄、鑒權(quán) 252
思考題 262

第7章 企業(yè)級(jí)React項(xiàng)目實(shí)戰(zhàn) 263
7.1 搭建React組件庫(kù) 263
7.2　搭建UI自動(dòng)化測(cè)試平臺(tái) 269
思考題 279

結(jié)語(yǔ) 280