资源简介

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

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

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

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

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

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

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

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

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

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

资源目录

——/计算机教程/02极客时间/001-极客时间合集（更新至2023年2月1日）-shikey.com/261-100119601-专栏课-宋一玮-现代 React Web 开发实战（完结）/
├──MP3  
|   ├──01｜身为Web前端工程师，我都在开发什么？.mp3  15.67M
|   ├──02｜开发前端有哪些要点？React框架是如何应对的？.mp3  17.70M
|   ├──03｜看板应用：从零开始快速搭建一个React项目.mp3  19.81M
|   ├──04｜JSX：如何理解这种声明式语法糖？.mp3  21.78M
|   ├──05｜前端组件化：将完整应用拆分成React组件.mp3  19.11M
|   ├──05｜前端组件化：如何将完整应用拆分成React组件？.mp3  19.11M
|   ├──06｜虚拟DOM：聊聊React组件渲染机制.mp3  17.15M
|   ├──06｜虚拟DOM：为什么要关心React组件的渲染机制？.mp3  17.15M
|   ├──07｜组件样式：聊聊CSS-in-JS的特点和典型使用场景.mp3  17.47M
|   ├──08｜组件生命周期：React新老版本中生命周期的演化.mp3  15.55M
|   ├──09｜React Hooks（上）：为什么说在React中函数组件和Hooks是绝配？.mp3  19.25M
|   ├──10｜React Hooks（下）：用Hooks处理函数组件的副作用.mp3  18.32M
|   ├──11｜事件处理：React合成事件是什么？为什么不用原生DOM事件？.mp3  15.15M
|   ├──12｜组件表与里（上）：数据是如何在 React 组件之间流转的？.mp3  16.53M
|   ├──13｜组件表与里（下）：用接口的思路设计开发React组件.mp3  19.38M
|   ├──14｜现代化React：现代工程化技术下的React项目.mp3  18.41M
|   ├──15｜不可变数据：为什么对React这么重要？.mp3  11.87M
|   ├──16｜应用状态管理（上）：应用状态管理框架Redux.mp3  9.86M
|   ├──17｜应用状态管理（下）：该用React组件状态还是Redux？.mp3  13.55M
|   ├──18｜数据类型：活用TypeScript做类型检查.mp3  11.32M
|   ├──19｜代码复用：如何设计开发自定义Hooks和高阶组件？.mp3  10.62M
|   ├──20｜大型项目：源码越来越多，项目该如何扩展？.mp3  12.42M
|   ├──21｜性能优化：保证优秀的用户体验.mp3  15.08M
|   ├──22｜质量保证（上）：每次上线都出Bug？你需要E2E测试.mp3  11.54M
|   ├──23｜质量保证（下）：测试金字塔与React单元测试.mp3  11.32M
|   ├──24｜工程化与团队协作：让我们合作开发一个大型React项目.mp3  15.92M
|   ├──加餐01｜留言区心愿单：真·子组件以及jsx-runtime.mp3  7.73M
|   ├──加餐02｜留言区心愿单：Fiber协调引擎.mp3  8.85M
|   ├──结束语｜对React和前端技术未来的展望.mp3  10.81M
|   ├──开篇词｜React Web开发这样学，才能独当一面！.mp3  13.27M
|   ├──直播加餐01｜前端开发为什么要工程化？.mp3  697.77kb
|   └──直播加餐02｜Freewheel前端工程化的演进和最佳实践.mp3  731.17kb
├──01｜身为Web前端工程师，我都在开发什么？.pdf  2.55M
├──02｜开发前端有哪些要点？React框架是如何应对的？.pdf  4.38M
├──03｜看板应用：从零开始快速搭建一个React项目.pdf  6.40M
├──04｜JSX：如何理解这种声明式语法糖？.pdf  2.99M
├──05｜前端组件化：将完整应用拆分成React组件.pdf  2.67M
├──05｜前端组件化：如何将完整应用拆分成React组件？.pdf  2.65M
├──06｜虚拟DOM：聊聊React组件渲染机制.pdf  5.37M
├──06｜虚拟DOM：为什么要关心React组件的渲染机制？.pdf  5.33M
├──07｜组件样式：聊聊CSS-in-JS的特点和典型使用场景.pdf  2.82M
├──08｜组件生命周期：React新老版本中生命周期的演化.pdf  3.61M
├──09｜React Hooks（上）：为什么说在React中函数组件和Hooks是绝配？.pdf  2.00M
├──10｜React Hooks（下）：用Hooks处理函数组件的副作用.pdf  3.04M
├──11｜事件处理：React合成事件是什么？为什么不用原生DOM事件？.pdf  2.40M
├──12｜组件表与里（上）：数据是如何在 React 组件之间流转的？.pdf  4.15M
├──13｜组件表与里（下）：用接口的思路设计开发React组件.pdf  4.38M
├──14｜现代化React：现代工程化技术下的React项目.pdf  2.82M
├──15｜不可变数据：为什么对React这么重要？.pdf  1.70M
├──16｜应用状态管理（上）：应用状态管理框架Redux.pdf  2.99M
├──17｜应用状态管理（下）：该用React组件状态还是Redux？.pdf  2.10M
├──18｜数据类型：活用TypeScript做类型检查.pdf  1.48M
├──19｜代码复用：如何设计开发自定义Hooks和高阶组件？.pdf  1.51M
├──20｜大型项目：源码越来越多，项目该如何扩展？.pdf  2.92M
├──21｜性能优化：保证优秀的用户体验.pdf  4.63M
├──22｜质量保证（上）：每次上线都出Bug？你需要E2E测试.pdf  4.45M
├──23｜质量保证（下）：测试金字塔与React单元测试.pdf  2.53M
├──24｜工程化与团队协作：让我们合作开发一个大型React项目.pdf  3.63M
├──加餐01｜留言区心愿单：真·子组件以及jsx-runtime.pdf  1.36M
├──加餐02｜留言区心愿单：Fiber协调引擎.pdf  2.46M
├──结束语｜对React和前端技术未来的展望.pdf  1.70M
├──开篇词｜React Web开发这样学，才能独当一面！.pdf  6.35M
├──直播加餐01｜前端开发为什么要工程化？.pdf  2.04M
└──直播加餐02｜Freewheel前端工程化的演进和最佳实践.pdf  18.20M

资源下载