深入淺出React.js：原理與實戰

馮昕，前端技術專家，曾深耕於小米，現就職於阿裏中國電商事業群。專註React領域多年精通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