简介:从零开始学习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提高我们的开发速度。
解锁即可观看《大前端》完整课程视频
大前端
1个业务场景打通全端、全栈、全流程,实现全局思维与综合技术能力全面突破;对标阿里P6,8个月成为前端高级人才
【第1周】认识大前端,全栈开发初体验
【第2周】企业标准的开发环境搭建
【第3周】NoSQL数据库的设计与集成
【第4周】JWT登录鉴权—通用登录模块后端开发
【第5周】团队协作-文档管理与缺陷控制
【第6周】团队协作-版本管理
【第7周】团队协作-自动化流程
【第8周】全栈开发—首页模块
【第9周】 全栈开发—用户中心
【第10周】全栈开发—发贴/回帖模块
【第11周】消息中间件开发(WebSocket通信)
【第12周】组件化思想进阶:iview上手文章管理
【第13周】中后台权限系统:前端权限设计方案
【第14周】中后台权限系统:基于角色&菜单权限设计
【第15周】首页可视化图表与日志服务
【第16周】WebApp页面设计与开发
【第17周】Vue3全家桶+Vite开发工具
【第18周】前后端项目Vue3重构
【第19周】性能优化(服务端渲染)
【第20周】uniapp开发(首页/菜单定制/搜索)
【第21周】uniapp开发(登录、详情、个人中心)
【第22周】uniapp内容安全、订阅消息
【第23周】小程序支付专题
【第24周】跨平台框架Flutter2与状态管理方案
【第25周】封装请求&数据持久化方案&路由
【第26周】Flutter 后台消息&打包上线
【第27周】Electron桌面端与主流的框架
【第28周】Electron桌面端-社区业务集成
【第29周】React17新特性
【第30周】React-Hooks&状态管理方案
【第31周】React组件库设计&工程化
【第32周】React工程化&性能优化