相關主題
商品描述
本書以豐富的實例對React的底層原理與應用進行了細致的講解,具體內容包括React的快速入門,React組件的狀態、通信與生命周期,React路由,React Hooks,狀態管理,基於Nest或Midway的全棧化方案,以及兩個React綜合實戰項目——搭建React組件庫和UI自動化測試平臺。 本書結構清晰,內容由淺入深,適合任何對React感興趣,並計劃深入學習React的讀者。
目錄大綱
第1章 React快速入門 001
1.1 傳統前端開發到現代前端架構 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 組件中的狀態響應 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 函數組件 030
2.2 組件狀態與通信 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 函數組件生命周期 066
2.4 遍歷渲染 067
2.4.1 遍歷渲染對象 067
2.4.2 遍歷渲染數組 069
2.5 React事件機制 071
思考題 073
第3章 React Router 074
3.1 配置路由 077
3.2 React Router實現原理 079
3.3 React Router V6詳解 085
3.4 路由守衛 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的區別 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 業務型Hook 140
4.10.3 實現一個完整版useRequest 143
4.11 ahooks入門 158
思考題 164
第5章 React狀態管理方案 165
5.1 主流狀態管理方案 165
5.2 Redux 170
5.3 react-redux 174
5.4 實現一個簡易版Redux 178
思考題 184
第6章 全棧化與Serverless 185
6.1 Nest.js快速入門 186
6.2 數據庫連接和初始化 208
6.3 快速構建CRUD 213
6.4 基於Nest.js的RBAC權限控制系統實現 216
6.5 JWT登錄及偽造請求解決方案 224
6.6 跨端掃碼登錄 237
6.7 Midway.js入門 242
6.8 Midway.js實現註冊、登錄、鑒權 252
思考題 262
第7章 企業級React項目實戰 263
7.1 搭建React組件庫 263
7.2 搭建UI自動化測試平臺 269
思考題 279
結語 280