本書以豐富的實例對React的底層原理與應用進行了細致的講解,具體內容包括React的快速入門,React組件的狀態(tài)、通信與生命周期,React路由,React Hooks,狀態(tài)管理,基于Nest或Midway的全;桨福约皟蓚React綜合實戰(zhàn)項目——搭建React組件庫和UI自動化測試平臺。
本書結構清晰,內容由淺入深,適合任何對React感興趣,并計劃深入學習React的讀者。
第1章 React快速入門 001
1.1 傳統(tǒng)前端開發(fā)到現(xiàn)代前端架構 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的關系 017
1.3.2 組件中的狀態(tài)響應 019
1.3.3 React基本引入方式 020
1.3.4 開箱即用的React引入 022
1.3.5 Vite快速初始化 023
思考題 025
第2章 組件與視圖渲染 027
2.1 React組件初探 027
2.1.1 類組件 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導致的更新 040
2.2.4 父傳子通信 045
2.2.5 子傳父通信 052
2.2.6 兄弟組件通信 053
2.2.7 跨組件分層通信 057
2.3 組件生命周期 061
2.3.1 類組件生命周期 061
2.3.2 函數(shù)組件生命周期 066
2.4 遍歷渲染 067
2.4.1 遍歷渲染對象 067
2.4.2 遍歷渲染數(shù)組 069
2.5 React事件機制 071
思考題 073
第3章 React Router 074
3.1 配置路由 077
3.2 React Router實現(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è)務型Hook 140
4.10.3 實現(xiàn)一個完整版useRequest 143
4.11 ahooks入門 158
思考題 164
第5章 React狀態(tài)管理方案 165
5.1 主流狀態(tài)管理方案 165
5.2 Redux 170
5.3 react-redux 174
5.4 實現(xiàn)一個簡易版Redux 178
思考題 184
第6章 全;cServerless 185
6.1 Nest.js快速入門 186
6.2 數(shù)據(jù)庫連接和初始化 208
6.3 快速構建CRUD 213
6.4 基于Nest.js的RBAC權限控制系統(tǒng)實現(xiàn) 216
6.5 JWT登錄及偽造請求解決方案 224
6.6 跨端掃碼登錄 237
6.7 Midway.js入門 242
6.8 Midway.js實現(xiàn)注冊、登錄、鑒權 252
思考題 262
第7章 企業(yè)級React項目實戰(zhàn) 263
7.1 搭建React組件庫 263
7.2 搭建UI自動化測試平臺 269
思考題 279
結語 280