React Hooks開發(fā)實戰(zhàn)
定 價：89 元
叢書名：Web開發(fā)技術(shù)叢書
- 作者：鬼哥 著
- 出版時間：2023/1/1
- ISBN：9787111718338
- 出 版 社：機械工業(yè)出版社
- 中圖法分類：TN929.53
- 頁碼：259
- 紙張：
- 版次：
- 開本：16
這是一本完全從企業(yè)實踐角度出發(fā)，為初學者和進階者撰寫的React Hooks開發(fā)指導手冊。來自多家大廠的業(yè)界專家給予高度評價，他們均認為這本書是入門并精通React Hooks的好書。
本書結(jié)合一線項目代碼對React Hooks核心API及相關(guān)技術(shù)點進行了深入解讀，并配有大量圖例，讓讀者的學習過程更輕松，更有趣。為了幫助讀者解決實際落地問題，書中不僅通過真實案例盡量還原實際開發(fā)場景，還專門總結(jié)了實際開發(fā)過程中經(jīng)常出現(xiàn)的典型問題。為了幫助讀者把所學知識輕松運用到實際工作中，本書還給出一個完整的企業(yè)級開發(fā)項目，從0到1完整展現(xiàn)項目開發(fā)過程。
本書共7章。
第1章對當前前端市場進行簡單分析，首先對React Hooks在當前前端市場中的定位及其與其他相關(guān)技術(shù)的異同進行深入解讀，然后對React Hooks整個生命周期體系進行全面講解。
第2章重點介紹開發(fā)技術(shù)選型方法、基礎(chǔ)工具安裝方法及基礎(chǔ)項目搭建流程，幫助讀者從0到1搭建真實的開發(fā)環(huán)境。
第3章基于真實的場景案例，對React Hooks核心API進行詳細講解，并且對API使用優(yōu)化進行了具體說明。這是本書的重點，也是讀者真正把React Hooks用好的基礎(chǔ)。
第4章著重對React Redux在React Hooks中的使用以及相關(guān)注意事項進行詳細說明，并重點介紹了企業(yè)開發(fā)過程中常用的配套插件，這是提升開發(fā)效率的基礎(chǔ)。
第5章重點介紹了實際React Hooks開發(fā)場景中經(jīng)常遇到的典型問題及其解決方法和相關(guān)注意事項。
第6章基于作者的多年實踐經(jīng)驗，分享了10個可以提升開發(fā)效率的企業(yè)級開發(fā)庫，這里不僅對各個庫的基本使用方法進行了介紹，還對其高級使用技巧、工作原理進行了分析。
第7章分享了一個真實電商訂單系統(tǒng)開發(fā)和上線的完整流程。從項目創(chuàng)建，到eslintrc、Webpack等基礎(chǔ)工具的配置，再到對常用業(yè)務組件的封裝（HTTP、菜單、權(quán)限、路由配置），本章都進行了詳細介紹。此外，本章使用*新的TypeScript語言進行示例說明與分析。
第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)組件復用154
5.1.1 合理使用有狀態(tài)組件和無狀態(tài)
組件154
5.1.2 使用上下文管控依賴項155
5.1.3 狀態(tài)的可組合性156
5.1.4 分層復用158
5.2 如何在組件加載時正確發(fā)起異步
任務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
書單推薦
