/ 实战 / React劲爆新特性Hooks 重构去哪儿网火车票PWA
收藏

React劲爆新特性Hooks 重构去哪儿网火车票PWA

"快手"大神手把手教你制作堪比原生APP体验的PWA应用,进阶React高级开发

React劲爆新特性Hooks 重构去哪儿网火车票PWA

难度 中级 时长 17小时30分钟 学习人数 294 好评度 98.8%

React劲爆新特性Hooks 重构去哪儿网火车票PWA

观看试看视频

React劲爆新特性Hooks 重构去哪儿网火车票PWA
本课程先带你细数最近一年来React的新特性,如Hooks、Redux API,让你从头理解Hooks对传统React开发方式的革命性改变。再利用所学知识,在不同场景下,重构去哪儿网火车票系统,并使用PWA实现堪比原生APP体验的应用。
茵风泳月

Web前端工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

理论与实战双剑合并,体验React全新开发模式

企业已经在使用React Hooks重构原有系统,轻松应对React工作挑战

  • 从实际问题出发

    不同场景中历练Hooks技能,真正做到融会贯通

  • 两种编程思维跨度

    从React传统类组件跨越到Hooks函数式组件

  • 解决大型复杂业务

    针对大型复杂业务,Hooks提供了更优解决方案

  • 真正精通设计原则

    逐步推导API方式反向学习,做到真正理解API设计原则

Google公司推出的渐进式Web应用,堪比原生APP体验

很多大厂已经推出单独的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页面

  • 火车票首页

    具备城市选择和日期选择功能

  • 火车票搜索结果页

    底部带有复杂的二次筛选功能

  • 订票页面

    选座位席功能

  • 订单页面

    添加成人/儿童功能

优质课程高效助力,挑战百度T5研发水平

  • 可直接应用于工作中,大幅优化业务代码的可持续性
  • 具备重构优化遗留系统的能力
  • 为建设新的业务架构提供了高度可能性
  • 可直接面试,应对绝大部分的Hooks考核

学员专享增值服务

问答专区

关于课程的问题都可在问答区随时提问,讲师会进行

集中答疑

源码开放

课程案例代码完全开放给你,你可以根据所学知识
自行修改、优化

适合人群

具备一定React使用经验的人群
具备足够知识应对新型业务开发
想通过学习跟进最新技术栈达到一定技术水平

技术储备要求

熟悉React简单的基础知识
熟悉常见css解决方案
精通HTML、ECMAScript6/7 等语法

环境参数

  • React.js 16.8.6
  • Redux 4.0.1
  • node.js 10.13.0
  • npm 6.9.0
提问
数据加载中...
意见反馈 邀请有奖 帮助中心 APP下载
官方微信