现代 React Web 开发实战
React 新版本 + 函数组件 &Hooks 优先 = 高效进阶
宋一玮  FreeWheel 中国研发中心前端架构师
专栏
已完结·共 31 讲
|
1.6w 人已学
|
收藏

你将获得

  • 发展趋势:建构立体的前端开发知识结构
  • 上手实践:快速开发简单的 React 前端应用
  • 团队协同:开发大型 React 项目的工作方式
  • 老兵心法:高效掌握现代前端工程化技术

课程介绍

React 技术作为现代前端技术的集大成者之一,是 Web 开发应用的一把利器。不过在实际工作中,很多前端开发者都存在一个误区。

那就是过于关注和强调“最新框架”“最新版本”,而缺乏对前端发展历史的深度了解,也缺少对前端新技术新领域的上手实践

具体到实际项目中,主要表现在“五个无所适从”:

  1. 在 Web 前端开发时过于局限在框架上,脱离了框架就无所适从了;
  2. 对各类开源 React 组件库很有心得,但需要自己写组件时就无所适从了;
  3. 编写相对简单的 React 样板项目手到擒来,项目规模提升后就无所适从了;
  4. 习惯于手工测试,需要引入自动化测试时就无所适从了;
  5. 停留在独自开发一个项目的舒适区,多人协作开发时就无所适从了。

为此,我们特地邀请了 FreeWheel 中国研发中心前端架构师宋一玮老师。他会结合自己多年来在前端领域深耕的经验和思考,帮助你解决 React Web 应用开发中的难题。

宋老师提炼出了“两步走”策略,分别是“以史为鉴”和“上手实践”。

第一步,他首先会展示前端的历史脉络,并从中建构解决问题的新思路:哪些东西一直在变,又有哪些东西从没变过。从而帮助我们构建起坚固的知识技能图谱,坚定从事前端开发工作的信心,对抗“新技术来得太快学了白学”的焦虑。

第二步,他会带你上手实践项目。在他看来,实践从来都不是二维的,而是三维的。比如学习一个新框架应该是这样的过程:

  1. 每学到一些概念,就需要放到全局看看它们的位置;
  2. 每学到一部分 API 接口,就需要上手写代码加深印象;
  3. 在合适的时机去了解框架原理,把概念和接口关联起来;
  4. 这时再去学习下一批概念或接口,就会事半功倍。

特定到 React Web 项目的学习,宋一玮老师认为可以用一个公式来表达:React 新版本 + 函数组件 &Hooks 优先 + 团队协作 = 高效进阶

课程模块设计

课程一共分为三个部分,分别是历史篇、“独狼”篇和项目篇。

历史篇:建构对 React 技术栈的总体认识

老师会从软件前端发展的历史抽取部分片段,揭示一些规律。在此基础上,由前端的发展趋势引出课程主题——React 技术,帮助你从前端架构和技术选型的视角,建立起对 React 技术栈的总体认识。

“独狼”篇:快速开发简单的 React 前端应用

老师会先带着你创建一个 React 项目,快速开发一个简单的 React Web 应用。然后从这个应用的代码开始,从浅到深,一起学习 React 的基本概念,如 JSX 语法、单向数据流等。

在学习这些概念和 API 的过程中,不仅是 How,老师还会穿插一些 Why,力求让你在脑海中建立这些概念之间的逻辑关系。也就是下面这张思维导图的蓝色部分:

项目篇:高效掌握现代前端工程化技术

老师还会介绍一些更具挑战的 React 概念和技巧,包括不可变数据、应用状态管理、代码复用等。在 React 项目规模和复杂度不断提升时(上图中的紫色部分),它们将成为你的得力工具。

此外,你在单打独斗时可能会形成自己特有的开发习惯。但如果因为开发大型项目需要融入一个前端开发团队时,就有必要掌握一些不同的团队协作的工作方式,包括项目代码结构、单元测试、端到端自动化测试和持续集成。

当完成这些内容,你将会对大型 React 项目和团队协作有所准备,相信也会对你在前端开发领域的职业发展有所助力。

课程目录

查看更多
免费试读

适合人群

希望学习并使用 React 开发 Web 应用的初级或中级前端开发者,或是对 React Web 应用开发有兴趣的其他领域的开发者。

特别放送

订阅须知

  1. 订阅成功后,推荐通过“极客时间”App 端、Web 端学习。
  2. 本专栏为虚拟商品,交付形式为图文 + 音频,一经订阅,概不退款。
  3. 订阅后分享海报,每邀一位好友订阅有现金返现。
  4. 戳此先充值再购课更划算,还有最新课表、超值赠品福利等。
  5. 企业采购推荐使用“极客时间企业版”便捷安排员工学习计划,掌握团队学习仪表盘。
  6. 戳此申请学生认证,订阅课程享受原价 5 折优惠。
  7. 价格说明:划线价、订阅价为商品或服务的参考价,并非原价,该价格仅供参考。未划线价格为商品或服务的实时标价,具体成交价格根据商品或服务参加优惠活动,或使用优惠券、礼券、赠币等不同情形发生变化,最终实际成交价格以订单结算页价格为准。
讲师

宋一玮

FreeWheel 中国研发中心前端架构师

宋一玮,FreeWheel 前端架构师。 毕业于北京理工大学,曾先后供职于 IBM、Amazon、一家 O2O 创业公司以及时光网,现任 FreeWheel 基础架构部前端架构师。 目前负责 FreeWheel 自研前端框架、BFF、微前端等方案的设计研发和推广。从最早的 ASP、JSF...查看更多
编辑推荐
包含这门课的学习路径

前端工程师

24门课程 109.3w人学习
看过的人还看了
数据结构与算法之美
王争
前 Google 工程师

81讲 | 283787 人已学习

¥68¥199
左耳听风
陈皓
网名“左耳朵耗子”,资深技术专家

119讲 | 180989 人已学习

¥98¥399
JavaScript 进阶实战课
石川
JavaScript Patterns and Anti-Patterns 等开源项目创建者,O'Reilly 技术评审

47讲 | 15075 人已学习

¥59¥129
重学前端
程劭非(winter)
前手机淘宝前端负责人

57讲 | 105367 人已学习

¥59¥129
设计模式之美
王争
前 Google 工程师,《数据结构与算法之美》专栏作者

113讲 | 123454 人已学习

¥98¥299
玩转 Vue 3 全家桶
大圣
前百度前端架构师

44讲 | 38340 人已学习

¥68¥199