React 工程師修煉指南

本書以React 16.13為標準，幫助讀者全面學習React技術棧相關知識。
內容涵蓋從開發React所必須掌握的ES6知識，到React 、React-Router、Redux等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.13 React 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小結