简介:从零开始学习React Hooks,在非 class 的情况下可以使用更多的 React 特性。掌握核心理念和使用方法,掌握使用React Hooks分离页面及逻辑,在无需修改组件结构的情况下复用状态逻辑以及更好的组织项目代码,消除冗余提高复用性。
第3章 项目必备——Hooks基础
必备的一些hook
- 视频: 3-1 拥抱函数式编程——useState (09:15)
- 视频: 3-2 解决副作⽤——useEffect (08:49)
- 视频: 3-3 监测DOM——useLayoutEffect (05:44)
- 视频: 3-4 组件跟随状态更新——useMemo (08:30)
- 视频: 3-5 组件跟随状态更新——useCallback (09:58)
- 视频: 3-6 长久保存数据——useRef (09:22)
- 视频: 3-7 组件之间共享状态——useContext (09:13)
- 视频: 3-8 复杂逻辑简单化——useReducer (07:34)
- 视频: 3-9 个性化解决方案——自定义Hooks (12:13)
第4章 项目实践——购物车功能
购物车是交互最多,状态保存最多,操作最多的功能之一,需要有很复杂的场景来实现,还得注意每个状态的变更可能会带来什么样的副作用。为此,我们来看看如何使用hooks提高我们的开发速度。