React Hooks開發(fā)實戰(zhàn)

第1章　初識React Hooks1
1.1　React Hooks概述1
1.1.1　React Hooks的優(yōu)點1
1.1.2　React Hooks的缺點7
1.1.3　使用React Hooks時的注意事項10
1.2　React Hooks生命周期11
1.2.1　理解React Hooks生命周期12
1.2.2　函數(shù)式渲染與生命周期的關(guān)系12
1.2.3　函數(shù)式渲染的特點15
第2章　基礎(chǔ)環(huán)境搭建16
2.1　基礎(chǔ)工具安裝16
2.2　創(chuàng)建基礎(chǔ)項目17
2.3　基礎(chǔ)項目目錄優(yōu)化18
2.4　初始化項目配置21
第3章　核心API原理解讀與實踐25
3.1　useState 25
3.1.1　上手使用useState 25
3.1.2　淺談useState異步27
3.1.3　使用useState時的注意事項29
3.1.4　useState原理解讀34
3.2　useRef37
3.2.1　上手使用useRef38
3.2.2　使用useRef時的注意事項40
3.3　forwardRef45
3.3.1　上手使用forwardRef45
3.3.2　使用forwardRef時的注意事項47
3.4　useImperativeHandle 50
3.4.1　上手使用useImperativeHandle50
3.4.2　使用useImperativeHandle時的
　　　注意事項53
3.4.3　useImperativeHandle原理解讀54
3.5　useEffect55
3.5.1　上手使用useEffect55
3.5.2　使用useEffect時的注意事項61
3.5.3　useEffect原理解讀69
3.6　useLayoutEffect70
3.6.1　上手使用useLayoutEffect70
3.6.2　useEffect與useLayoutEffect的
　　　區(qū)別72
3.7　useReducer74
3.7.1　上手使用useReducer74
3.7.2　useState與useReducer的實例
　　　對比77
3.7.3　使用useReducer時的注意事項88
3.8　useMemo88
3.8.1　上手使用React.memo88
3.8.2　上手使用useMemo 94
3.8.3　React.memo與useMemo的最佳
　　　使用場景102
3.9　useCallback102
3.9.1　上手使用useCallback102
3.9.2　使用useCallback時的注意
　　　　　　事項109
3.10　useContext110
3.11　自定義Hooks115
3.11.1　上手自定義Hooks 115
3.11.2　編寫自定義Hooks的注意
　　　　　　　事項118
第4章　React Redux原理解讀與
　　　　實踐123
4.1　Redux123
4.2　Provider128
4.2.1　上手使用Provider128
4.2.2　Provider原理解讀130
4.3　useSelector131
4.3.1　上手使用useSelector131
4.3.2　useSelector原理解讀134
4.4　useDispatch135
4.4.1　上手使用useDispatch135
4.4.2　useDispatch原理解讀140
4.5　useStore140
4.5.1　上手使用useStore141
4.5.2　useStore原理解讀144
4.6　useReduxContext144
4.6.1　上手使用useReduxContext144
4.6.2　useReduxContext原理解讀147
4.7　中間件redux-logger148
4.8　中間件redux-persist150
第5章　React Hooks常見問題解析154
5.1　如何正確實現(xiàn)組件復(fù)用154
5.1.1　合理使用有狀態(tài)組件和無狀態(tài)
　　　組件154
5.1.2　使用上下文管控依賴項155
5.1.3　狀態(tài)的可組合性156
5.1.4　分層復(fù)用158
5.2　如何在組件加載時正確發(fā)起異步
　　任務(wù)159
5.3　需要注意哪些React Hooks錯誤
　　寫法163
5.4　如何進行React Hooks場景下的
　　優(yōu)化169
5.4.1　函數(shù)定義位置優(yōu)化169
5.4.2　組件更新優(yōu)化170
5.4.3　針對高頻操作做防抖優(yōu)化174
5.4.4　提高代碼可讀性和性能177
第6章　常見的企業(yè)級Hooks解讀183
6.1　constate183
6.2　react-hook-form186
6.3　use-debounce189
6.4　useLocalStorage191
6.5　react-useportal193
6.6　useHover196
6.7　React router hooks196
6.8　use-http201
6.9　React Use204
6.10　ahooks208
第7章　企業(yè)級React Hooks項目
　　　　架構(gòu)與實戰(zhàn)209
7.1　創(chuàng)建項目209
7.2　eslintrc配置212
7.3　Webpack配置214
7.4　全局Less和Ant懶加載配置216
7.5　環(huán)境變量配置219
7.6　技術(shù)與需求220
7.7　路由配置221
7.8　HTTP封裝223
7.9　登錄頁面開發(fā)229
7.10　Mock.js配置236
7.11　權(quán)限封裝240
7.12　左側(cè)菜單封裝243
7.13　Breadcrumb封裝246
7.14　異步Modal封裝249
7.15　實現(xiàn)SVG Icon253
7.16　打包與上線256