React Hooks开发实战

React Hooks开发实战

作者:鬼哥

出版社:机械工业

出版年:2022年12月

ISBN:9787111718338

所属分类:散文随笔

书刊介绍

《React Hooks开发实战》内容简介

这是一本完全从企业实践角度出发,为初学者和进阶者撰写的React Hooks开发指导手册。来自多家大厂的业界专家给予高度评价,他们均认为这本书是入门并精通React Hooks的好书。本书结合一线项目代码对React Hooks核心API及相关技术点进行了深入解读,并配有大量图例,让读者的学习过程更轻松,更有趣。为了帮助读者解决实际落地问题,书中不仅通过真实案例尽量还原实际开发场景,还专门总结了实际开发过程中经常出现的典型问题。为了帮助读者把所学知识轻松运用到实际工作中,本书还给出一个完整的企业级开发项目,从0到1完整展现项目开发过程。
本书共7章。
第1章对当前前端市场进行简单分析,首先对React Hooks在当前前端市场中的定位及其与其他相关技术的异同进行深入解读,然后对React Hooks整个生命周期体系进行全面讲解。
第2章重点介绍开发技术选型方法、基础工具安装方法及基础项目搭建流程,帮助读者从0到1搭建真实的开发环境。
第3章基于真实的场景案例,对React Hooks核心API进行详细讲解,并且对API使用优化进行了具体说明。这是本书的重点,也是读者真正把React Hooks用好的基础。
第4章着重对React Redux在React Hooks中的使用以及相关注意事项进行详细说明,并重点介绍了企业开发过程中常用的配套插件,这是提升开发效率的基础。
第5章重点介绍了实际React Hooks开发场景中经常遇到的典型问题及其解决方法和相关注意事项。
第6章基于作者的多年实践经验,分享了10个可以提升开发效率的企业级开发库,这里不仅对各个库的基本使用方法进行了介绍,还对其高级使用技巧、工作原理进行了分析。
第7章分享了一个真实电商订单系统开发和上线的完整流程。从项目创建,到eslintrc、Webpack等基础工具的配置,再到对常用业务组件的封装(HTTP、菜单、权限、路由配置),本章都进行了详细介绍。此外,本章使用新的TypeScript语言进行示例说明与分析。

作品目录

Preface
前言
第1章:初识React
Hooks
1.1、React
Hooks概述
1.1.1、React
Hooks的优点
1.1.2、React
Hooks的缺点
1.1.3、使用React
Hooks时的注意事项
1.2、React
Hooks生命周期
1.2.1、理解React
Hooks生命周期
1.2.2、函数式渲染与生命周期的关系
1.2.3、函数式渲染的特点
第2章:基础环境搭建
2.1、基础工具安装
2.2、创建基础项目
2.3、基础项目目录优化
2.4、初始化项目配置
第3章:核心API原理解读与实践
3.1、useState
3.1.1、上手使用useState
3.1.2、浅谈useState异步
3.1.3、使用useState时的注意事项
3.1.4、useState原理解读
3.2、useRef
3.2.1、上手使用useRef
3.2.2、使用useRef时的注意事项
3.3、forwardRef
3.3.1、上手使用forwardRef
3.3.2、使用forwardRef时的注意事项
3.4、useImperativeHandle
3.4.1、上手使用useImperativeHandle
3.4.2、使用useImperativeHandle时的注意事项
3.4.3、useImperativeHandle原理解读
3.5、useEffect
3.5.1、上手使用useEffect
3.5.2、使用useEffect时的注意事项
3.5.3、useEffect原理解读
3.6、useLayoutEffect
3.6.1、上手使用useLayoutEffect
3.6.2、useEffect与useLayoutEffect的区别
3.7、useReducer
3.7.1、上手使用useReducer
3.7.2、useState与useReducer的实例对比
3.7.3、使用useReducer时的注意事项
3.8、useMemo
3.8.1、上手使用React.memo
3.8.2、上手使用useMemo
3.8.3、React.memo与useMemo的最佳使用场景
3.9、useCallback
3.9.1、上手使用useCallback
3.9.2、使用useCallback时的注意事项
3.10、useContext
3.11、自定义Hooks
3.11.1、上手自定义Hooks
3.11.2、编写自定义Hooks的注意事项
第4章:React
Redux原理解读与实践
4.1、Redux
4.2、Provider
4.2.1、上手使用Provider
4.2.2、Provider原理解读
4.3、useSelector
4.3.1、上手使用useSelector
4.3.2、useSelector原理解读
4.4、useDispatch
4.4.1、上手使用useDispatch
4.4.2、useDispatch原理解读
4.5、useStore
4.5.1、上手使用useStore
4.5.2、useStore原理解读
4.6、useReduxContext
4.6.1、上手使用useReduxContext
4.6.2、useReduxContext原理解读
4.7、中间件redux-logger
4.8、中间件redux-persist
第5章:React
Hooks常见问题解析
5.1、如何正确实现组件复用
5.1.1、合理使用有状态组件和无状态组件
5.1.2、使用上下文管控依赖项
5.1.3、状态的可组合性
5.1.4、分层复用
5.2、如何在组件加载时正确发起异步任务
5.3、需要注意哪些React
Hooks错误写法
5.4、如何进行React
Hooks场景下的优化
5.4.1、函数定义位置优化
5.4.2、组件更新优化
5.4.3、针对高频操作做防抖优化
5.4.4、提高代码可读性和性能
第6章:常见的企业级Hooks解读
6.1、constate
6.2、react-hook-form
6.3、use-debounce
6.4、useLocalStorage
6.5、react-useportal
6.6、useHover
6.7、React
router
hooks
6.8、use-http
6.9、React
Use
6.10、ahooks
第7章:企业级React
Hooks项目架构与实战
7.1、创建项目
7.2、eslintrc配置
7.3、Webpack配置
7.4、全局Less和Ant懒加载配置
7.5、环境变量配置
7.6、技术与需求
7.7、路由配置
7.8、HTTP封装
7.9、登录页面开发
7.10、Mock.js配置
7.11、权限封装
7.12、左侧菜单封装
7.13、Breadcrumb封装
7.14、异步Modal封装
7.15、实现SVG
Icon
7.16、打包与上线

相关推荐

微信二维码