React工程師修煉指南（簡體書）

本書以 React 16.13 為標準，幫助讀者全面學習 React 技術棧相關知識。內容涵蓋從開發 React 所必須掌握的 ES6 知識，到 React 、React-Router、Redux 等 React 相關技術棧的使用；從 React 在商城項目中的*佳實踐方案，到 React 整體源碼解析，再到工程化開發時 React 項目的各種配置及優化。本書內容系統全面，可以讓讀者快速上手 React 開發，幫助讀者在面試時獲取更高分數。 本書實例豐富、注重實戰，可供React的初學者，以及有一定React使用經驗，但希望更加全面、深入理解React的開發人員學習或參考。

從 React 技術棧使用，到最佳項目實戰方案，到源碼解析，到工程化開發，適合各階段前端開發者系統學習 React 知識。

前言

第1章ES6基礎

1.1let及const

1.1.1let命令

1.1.2const命令

1.1.3臨時死區

1.1.4循環中的let及const

1.2解構賦值

1.2.1數組的解構

1.2.2對象的解構

1.2.3解構的默認值及參數的解構

1.3字符串擴展

1.3.1Unicode支持

1.3.2新增字符串方法

1.3.3模板字符串

1.4Symbol

1.5函數

1.5.1函數形參的默認值

1.5.2函數形參不定參數

1.5.3箭頭函數

1.6類class

1.6.1類的基本語法

1.6.2靜態成員

1.6.3類的繼承

1.7異步編程

1.7.1ES5中的異步

1.7.2Promise基本語法

1.7.3Promise處理異步問題

1.7.4Promise裡的其他方法

1.8模塊化

1.8.1導入導出基本使用

1.8.2導入導出變式寫法

1.8.3按需導入

1.9Set和Map集合

1.9.1Set集合

1.9.2Map集合

1.10小結

第2章React詳解

2.1為什麼使用 React

2.1.1專注於視圖層

2.1.2組件化開發和聲明式編程

2.1.3Virtual DOM

2.2ReactDOM

2.2.1React 引入方式

2.2.2ReactDOM

2.3React 視圖渲染

2.3.1ReactElement

2.3.2JSX

2.4create-react-app

2.4.1安裝 create-react-app

2.4.2項目構建和啟動

2.4.3項目入口文件

2.4.4React.StrictMode

2.5定義 React 組件

2.6組件間通信

2.6.1props 使用

2.6.2state 使用

2.6.3組件間的通信

2.6.4跨組件通信

2.7組件的生命週期

2.7.1掛載階段的生命週期函數

2.7.2更新階段的生命週期函數

2.7.3卸載階段的生命週期函數

2.8ref

2.8.1string ref

2.8.2createRef

2.9key

2.10添加事件

2.11表單

2.12其他特性

2.12.1children

2.12.2dangerouslySetInnerHTML

2.12.3函數式組件

2.13React Hooks

2.13.1常用Hooks

2.13.2Hooks 使用規則

2.13.3自定義 Hook

2.14小結

第3章基於 Redux 狀態管理

3.1Redux 使用

3.1.1action、createStore 和 reducer 函數

3.1.2store

3.2React-Redux

3.2.1安裝與配置

3.2.2connect

3.2.3Hooks

3.3基於Redux 的Todos實現

3.3.1建立視圖

3.3.2建立數據模型以完善reducer

3.3.3數據關聯視圖完善功能

3.4reducer 拆分與合併

3.5rudux-thunk 中間件

3.6小結

第4章React-Router

4.1什麼是 React-Router

4.2React-Router 安裝與配置

4.3Route 組件

4.3.1Path匹配

4.3.2路由渲染

4.4路由信息

4.5withRouter和Router Hooks

4.5.1withRouter

4.5.2Router Hooks

4.6鏈接組件

4.6.1Link 組件

4.6.2NavLink 組件

4.7404視圖

4.8重定向

4.9Router 實戰

4.10小結

第5章商城項目實戰

5.1模板搭建

5.1.1BasicLayout

5.1.2SecurityLayout

5.2導航組件

5.3登錄跳轉

5.3.1登錄頁面與邏輯實現

5.3.2用戶中心信息展示

5.4免登錄頁面

5.4.1首頁頁面

5.4.2商品列表

5.4.3商品詳情

5.5路由守衛頁

5.5.1購物車

5.5.2確認訂單

5.5.3支付

5.5.4訂單列表

5.6小結

第6章React原理解析

6.1React源碼中的常用變量和數據結構

6.1.1WorkTag

6.1.2SideEffectTag

6.1.3ExecutionContext

6.1.4PriorityLevel

6.1.5RootTag

6.1.6RootExitStatus

6.1.7currentEventTime

6.2初次渲染與更新

6.2.1ReactDOM.render

6.2.2setState

6.2.3forceUpdate

6.2.4render、setState、forceUpdate對比

6.2.5enqueueUpdate

6.2.6scheduleUpdateOnFiber

6.2.7時間計算

6.3任務調度

6.3.1performSyncWorkOnRoot

6.3.2renderRootSync

6.3.3workLoopSync

6.3.4performUnitOfWork

6.3.5beginWork

6.3.6更新階段

6.3.7協調

6.3.8commit

6.4Hook原理

6.4.1Hook基本數據結構

6.4.2全局變量

6.4.3標識路徑

6.4.4更新函數

6.5Hook API解析

6.5.1useReducer

6.5.2useState

6.5.3useContext

6.5.4useRef

6.5.5useEffect

6.5.6useLayoutEffect

6.5.7useMemo

6.5.8useCallback

6.6重點解析

6.6.1Context

6.6.2Refs

6.6.3事件系統

6.6.4setState異步Or同步

6.6.5diff

6.7小結

第7章工程化配置

7.1webpack入門

7.1.1什麼是webpack

7.1.2webpack安裝

7.1.3使用webpack

7.1.4webpack基礎

7.1.5webpack核心配置

7.2實戰React開發環境

7.2.1搭建前端開發基礎環境

7.2.2樣式配置

7.2.3靜態資源管理

7.2.4本地開發環境配置

7.2.5使用Babel支持ES6+

7.2.6集成React框架

7.3擴展優化

7.4小結