课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构旅游电商网站火车票系统,并使用PWA实现堪比原生APP体验的应用。
理论与实战双剑合并,体验React全新开发模式
企业已经在使用React Hooks重构原有系统,轻松应对React工作挑战
从实际问题出发
不同场景中历练Hooks技能,真正做到融会贯通
两种编程思维跨度
从React传统类组件跨越到Hooks函数式组件
解决大型复杂业务
针对大型复杂业务,Hooks提供了更优解决方案
真正精通设计原则
逐步推导API方式反向学习,做到真正理解API设计原则
Google公司推出的渐进式Web应用,堪比原生APP体验
覆盖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页面
火车票首页
具备城市选择和日期选择功能
火车票搜索结果页
底部带有复杂的二次筛选功能
订票页面
选座位席功能
订单页面
添加成人/儿童功能
优质课程高效助力,挑战百度T5研发水平
可直接应用于工作中,大幅优化业务代码的可持续性
具备重构优化遗留系统的能力
为建设新的业务架构提供了高度可能性
可直接面试,应对绝大部分的Hooks考核
适合人群
具备一定React使用经验的人群
具备足够知识应对新型业务开发
想通过学习跟进最新技术栈达到一定技术水平
技术储备要求
熟悉React简单的基础知识
熟悉常见css解决方案
精通HTML、ECMAScript6/7 等语法