React劲爆新特性Hooks 重构旅游电商网站火车票PWA
**** Hidden Message *****理论与实战双剑合并,体验React全新开发模式
企业已经在使用React Hooks重构原有系统,轻松应对React工作挑战
[*]
/static/module/class/content/img/348/section0-i1.png
从实际问题出发
不同场景中历练Hooks技能,真正做到融会贯通
[*]
/static/module/class/content/img/348/section0-i2.png
两种编程思维跨度
从React传统类组件跨越到Hooks函数式组件
[*]
/static/module/class/content/img/348/section0-i3.png
解决大型复杂业务
针对大型复杂业务,Hooks提供了更优解决方案
[*]
/static/module/class/content/img/348/section0-i4.png
真正精通设计原则
逐步推导API方式反向学习,做到真正理解API设计原则
Google公司推出的渐进式Web应用,堪比原生APP体验
/static/module/class/content/img/348/section0-1.png
很多大厂已经推出单独的PWA版本应用,你还不知道是什么吗?
覆盖React核心新特性,掌握PWA关键技能
从问题出发推导React各个核心API,粗略但不失重点地讲解PWA的关键技能
[*]
React 新特性
React最新特性简介
context的使用
contextType的使用
lazy的使用
Suspense的使用
memo的使用
[*]
React Hooks
使用Context Hooks
使用Callback Hooks
......
Hooks使用法则
自定义Hooks
Hooks常见问题
[*]
Redux API
Redux的概念和意义
没有Redux的世界
dispatch的意义
reducer拆解数据修改粒度
store抽象
Redux的常用API
[*]
渐进式Web App
注册service-worker
使用Promise优化异步问题
更优雅的网络请求:fetch
强大的缓存:cache API
冲破浏览器的樊笼:Notification API
如何在项目中使用PWA
重构火车票典型前端页面,精通React Hooks高效开发
项目使用PWA进行优化,让你在浏览器中获得高质量流畅体验的H5页面
[*]
/static/module/class/content/img/348/section2-1.png
火车票首页
具备城市选择和日期选择功能
[*]
/static/module/class/content/img/348/section2-2.png
火车票搜索结果页
底部带有复杂的二次筛选功能
[*]
/static/module/class/content/img/348/section2-3.png
订票页面
选座位席功能
[*]
/static/module/class/content/img/348/section2-4.png
订单页面
添加成人/儿童功能
优质课程高效助力,挑战百度T5研发水平
[*]
/static/module/class/content/img/348/section3-icon.png
可直接应用于工作中,大幅优化业务代码的可持续性
[*]
/static/module/class/content/img/348/section3-icon.png
具备重构优化遗留系统的能力
[*]
/static/module/class/content/img/348/section3-icon.png
为建设新的业务架构提供了高度可能性
[*]
/static/module/class/content/img/348/section3-icon.png
可直接面试,应对绝大部分的Hooks考核
学员专享增值服务
问答专区
关于课程的问题都可在问答区随时提问,讲师会进行
集中答疑
源码开放
课程案例代码完全开放给你,你可以根据所学知识
自行修改、优化
适合人群
具备一定React使用经验的人群
具备足够知识应对新型业务开发
想通过学习跟进最新技术栈达到一定技术水平
技术储备要求
熟悉React简单的基础知识
熟悉常见css解决方案
精通HTML、ECMAScript6/7 等语法
**** Hidden Message *****
页:
[1]