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 打包与上线