现代React Web开发实战--极客时间课程推荐/优惠

版权声明

本站非极客时间官网，与官方无任何关系。我们不提供课程下载或详细内容，仅作为课程分享和推荐平台。我们鼓励大家支持正版，尊重创作者的劳动成果，这样不仅能帮助创作者持续产出优质内容，也能让自己获得更好的学习体验。请通过官方渠道购买和学习课程，感谢您的理解与支持。

课程详情

你将获得：

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

课程介绍

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

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

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

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

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

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

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

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

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

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

课程模块设计

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

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

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

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

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

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

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

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

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

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

课程目录

开篇词

开篇词｜React Web开发这样学，才能独当一面！

历史篇：发展规律

01｜身为Web前端工程师，我都在开发什么？
02｜开发前端有哪些要点？React框架是如何应对的？

“独狼”篇：看板应用

03｜看板应用：从零开始快速搭建一个React项目
04｜JSX：如何理解这种声明式语法糖？
05｜前端组件化：如何将完整应用拆分成React组件？
06｜虚拟DOM：为什么要关心React组件的渲染机制？
07｜组件样式：聊聊CSS-in-JS的特点和典型使用场景
08｜组件生命周期：React新老版本中生命周期的演化
09｜React Hooks（上）：为什么说在React中函数组件和Hooks是绝配？
10｜React Hooks（下）：用Hooks处理函数组件的副作用
11｜事件处理：React合成事件是什么？为什么不用原生DOM事件？
12｜组件表与里（上）：数据是如何在 React 组件之间流转的？
13｜组件表与里（下）：用接口的思路设计开发React组件
14｜现代化React：现代工程化技术下的React项目

特别加餐：留言区心愿单

加餐01｜留言区心愿单：真·子组件以及jsx-runtime
加餐02｜留言区心愿单：Fiber协调引擎

直播加餐

直播加餐01｜前端开发为什么要工程化？
直播加餐02｜Freewheel前端工程化的演进和最佳实践

项目篇：多人开发

15｜不可变数据：为什么对React这么重要？
16｜应用状态管理（上）：应用状态管理框架Redux
17｜应用状态管理（下）：该用React组件状态还是Redux？
18｜数据类型：活用TypeScript做类型检查
19｜代码复用：如何设计开发自定义Hooks和高阶组件？
20｜大型项目：源码越来越多，项目该如何扩展？
21｜性能优化：保证优秀的用户体验
22｜质量保证（上）：每次上线都出Bug？你需要E2E测试
23｜质量保证（下）：测试金字塔与React单元测试
24｜工程化与团队协作：让我们合作开发一个大型React项目

结束语

结束语｜对React和前端技术未来的展望
特别加餐｜用ChatGPT开发一个看板项目

作者介绍

宋一玮，FreeWheel 前端架构师。毕业于北京理工大学，曾先后供职于IBM、Amazon、一家O2O创业公司以及时光网，现任FreeWheel基础架构部前端架构师。目前负责FreeWheel自研前端框架、BFF、微前端等方案的设计研发和推广。从最早的ASP、JSF、Flex、Dojo，一直到移动端、Angular，以及现在FreeWheel内广泛使用的React，从事前端开发和架构设计已有16年。曾担任2017年北京ArchSummit专题讲师，在《FreeWheel在微服务架构下的前端改造实践》专题中介绍了公司该如何利用自研React组件库以及高度封装Redux的状态管理库，搭建并有效利用前端基础设施，将企业原有的巨型Ruby-on-Rails应用逐步迁移至多个React单页应用。他把写代码视为一种持续学习，更当作是一种乐趣。目前身为公司的前端架构师，在架构设计、技术评审等工作的同时，坚持上手写代码，这样无论宏观还是微观层面，对公司的前端都会更有把握。目前正在撰写一本关于React企业级应用开发的图书。业余时间他是重度COD爱好者，平常发挥不稳定，菜的时候一定会怨网不好。最后，他还是资深铲屎官，坚定的猫派。