值不值得学：先看它解决什么场景
很多前端开发者面对 React 项目时，常卡在“能跑通但不敢改”的阶段：照着旧代码抄，一旦遇到状态膨胀或组件复用混乱，就无从下手。这门实战课针对的正是这类痛点。它不纠缠于语法字典式的罗列，而是以一个看板应用为主线，把现代 React 的函数组件与 Hooks 优先策略放到真实业务里拆解。如果你平时写页面还在用类组件，或者刚从其他技术栈转过来，想搞清楚前端工程到底在处理什么问题、React 又是怎么应对这些要点的，这门课的切入角度很务实。它适合有基础 JavaScript 语法概念、能看懂简单页面逻辑的人，不需要你已经是前端老手。
怎么用资料：先听脉络再动手
配套的音频和图文适合用来建立整体认知，但别只当播客听。建议先从开篇词和历史篇入手，搞清楚前端开发的要点以及框架的设计动机，再去碰看板应用的具体实现。看板这部分是核心，不要停留在“跑通项目”的层面，要对照着图文里的代码结构，自己在本地从零初始化一个同样的工程，把组件拆分和状态管理的逻辑重新敲一遍。遇到 Hooks 的使用细节，先暂停音频自己写一版能跑的代码，再和资料里的思路对比。把文档当参考手册，把音频当思路引导，动手写代码才是消化这些资料的关键。
学完能独立做什么
过完这套看板应用的从零搭建流程，你应该能独立承担一个中等复杂度的单页应用开发。具体来说，拿到一个交互需求后，你能合理规划组件层级，用函数组件与 Hooks 搭建局部状态与共享状态，不再依赖复制粘贴旧代码。面对后续的功能迭代或 Bug 修复，你能快速定位是组件渲染问题还是数据流传递问题，并给出重构方案。这套资料不会把你变成无所不能的专家，但能帮你跨过“不敢动代码”的门槛，真正在前端工程里独当一面。
React新版本+函数组件&Hooks优先=高效进阶
课程目录
* 01 开篇词/
* 01 开篇词｜React Web开发这样学，才能独当一面！.html (1.44 MB)
* 01 开篇词｜React Web开发这样学，才能独当一面！.mp3 (13.27 MB)
* 02 历史篇：发展规律/
* 01 01｜身为Web前端工程师，我都在开发什么.html (1.66 MB)
* 01 01｜身为Web前端工程师，我都在开发什么.mp3 (15.67 MB)
* 02 02｜开发前端有哪些要点React框架是如何应对的.html (0.65 MB)
* 02 02｜开发前端有哪些要点React框架是如何应对的.mp3 (17.70 MB)
* 03 “独狼”篇：看板应用/
* 01 03｜看板应用：从零开始快速搭建一个React项目.html (18.84 MB)
* 01 03｜看板应用：从零开始快速搭建一个React项目.mp3 (19.81 MB)
* 02 04｜JSX：如何理解这种声明式语法糖.html (1.56 MB)
* 02 04｜JSX：如何理解这种声明式语法糖.mp3 (21.78 MB)
* 03 05｜前端组件化：如何将完整应用拆分成React组件.html (1.68 MB)
* 03 05｜前端组件化：如何将完整应用拆分成React组件.mp3 (19.11 MB)
* 04 06｜虚拟DOM：为什么要关心React组件的渲染机制.html (3.00 MB)
* 04 06｜虚拟DOM：为什么要关心React组件的渲染机制.mp3 (17.15 MB)
* 05 07｜组件样式：聊聊CSS-in-JS的特点和典型使用场景.html (3.94 MB)
* 05 07｜组件样式：聊聊CSS-in-JS的特点和典型使用场景.mp3 (17.47 MB)
* 06 08｜组件生命周期：React新老版本中生命周期的演化.html (1.14 MB)
* 06 08｜组件生命周期：React新老版本中生命周期的演化.mp3 (15.55 MB)
* 07 09｜React Hooks（上）：为什么说在React中函数组件和Hooks是绝配.html (3.09 MB)
* 07 09｜React Hooks（上）：为什么说在React中函数组件和Hooks是绝配.mp3 (19.25 MB)
* 08 10｜React Hooks（下）：用Hooks处理函数组件的副作用.html (3.40 MB)
* 08 10｜React Hooks（下）：用Hooks处理函数组件的副作用.mp3 (18.32 MB)
* 09 11｜事件处理：React合成事件是什么为什么不用原生DOM事件.html (28.51 MB)
* 09 11｜事件处理：React合成事件是什么为什么不用原生DOM事件.mp3 (15.15 MB)
* 10 12｜组件表与里（上）：数据是如何在 React 组件之间流转的.html (3.82 MB)
* 10 12｜组件表与里（上）：数据是如何在 React 组件之间流转的.mp3 (16.53 MB)
* 11 13｜组件表与里（下）：用接口的思路设计开发React组件.html (3.78 MB)
* 11 13｜组件表与里（下）：用接口的思路设计开发React组件.mp3 (19.38 MB)
* 12 14｜现代化React：现代工程化技术下的React项目.html (1.67 MB)
* 12 14｜现代化React：现代工程化技术下的React项目.mp3 (18.41 MB)
* 04 项目篇：多人开发/
* 01 15｜不可变数据：为什么对React这么重要.html (0.13 MB)
* 01 15｜不可变数据：为什么对React这么重要.mp3 (11.87 MB)
* 02 16｜应用状态管理（上）：应用状态管理框架Redux.html (1.42 MB)
* 02 16｜应用状态管理（上）：应用状态管理框架Redux.mp3 (9.86 MB)
* 03 17｜应用状态管理（下）：该用React组件状态还是Redux.html (1.44 MB)
* 03 17｜应用状态管理（下）：该用React组件状态还是Redux.mp3 (13.55 MB)
* 04 18｜数据类型：活用TypeScript做类型检查.html (0.20 MB)
* 04 18｜数据类型：活用TypeScript做类型检查.mp3 (11.32 MB)
* 05 19｜代码复用：如何设计开发自定义Hooks和高阶组件.html (0.16 MB)
* 05 19｜代码复用：如何设计开发自定义Hooks和高阶组件.mp3 (10.62 MB)
* 06 20｜大型项目：源码越来越多，项目该如何扩展.html (0.56 MB)
* 06 20｜大型项目：源码越来越多，项目该如何扩展.mp3 (12.42 MB)
* 07 21｜性能优化：保证优秀的用户体验.html (1.31 MB)
* 07 21｜性能优化：保证优秀的用户体验.mp3 (15.08 MB)
* 08 22｜质量保证（上）：每次上线都出Bug你需要E2E测试.html (2.92 MB)
* 08 22｜质量保证（上）：每次上线都出Bug你需要E2E测试.mp3 (11.54 MB)
* 09 23｜质量保证（下）：测试金字塔与React单元测试.html (0.31 MB)
* 09 23｜质量保证（下）：测试金字塔与React单元测试.mp3 (11.32 MB)
* 10 24｜工程化与团队协作：让我们合作开发一个大型React项目.html (1.45 MB)
* 10 24｜工程化与团队协作：让我们合作开发一个大型React项目.mp3 (15.92 MB)
* 05 特别加餐：留言区心愿单/
* 01 加餐01｜留言区心愿单：真子组件以及jsx-runtime.html (0.24 MB)
* 01 加餐01｜留言区心愿单：真子组件以及jsx-runtime.mp3 (7.73 MB)
* 02 加餐02｜留言区心愿单：Fiber协调引擎.html (0.80 MB)
* 02 加餐02｜留言区心愿单：Fiber协调引擎.mp3 (8.85 MB)
* 06 直播加餐/
* 01 直播加餐01｜前端开发为什么要工程化.html (1.77 MB)
* 01 直播加餐01｜前端开发为什么要工程化.mp3 (0.68 MB)
* 02 直播加餐02｜Freewheel前端工程化的演进和最佳实践.html (4.52 MB)
* 02 直播加餐02｜Freewheel前端工程化的演进和最佳实践.mp3 (0.71 MB)
* 07 结束语/
* 01 结束语｜对React和前端技术未来的展望.html (0.58 MB)
* 01 结束语｜对React和前端技术未来的展望.mp3 (10.81 MB)
* 02 特别加餐｜用ChatGPT开发一个看板项目.html (4.86 MB)
* 02 特别加餐｜用ChatGPT开发一个看板项目.mp3 (8.88 MB)
