这门课解决什么工作场景
很多前端开发者在写业务时，常遇到这类痛点：React 组件越写越乱，状态更新逻辑互相耦合；长列表稍微加点数据，页面滑动就卡顿掉帧；想用 Hooks 重构老项目，却不知道从哪下手。这门课瞄准的就是“用 React Hooks 写出可维护、性能过关的移动端业务”这个具体场景。它不铺陈零基础语法，而是直接带你从零搭一个完整的业务项目，把组件拆分、数据流设计、列表性能优化揉进真实的交互需求里。如果你平时写页面总觉得“能跑但不好改”，这套实战思路能帮你理顺工程化编码习惯。
适合什么基础与怎么配合资料
这属于体系实战资料，默认你已经摸过 React 基本语法，知道 useState 和 useEffect 怎么写，但缺乏独立扛下一个完整项目的经验。如果是连 JavaScript 基础都薄弱的转行者，建议先补语法再看。配合资料时，强烈建议按顺序走：先啃透开局那几块框架原理，特别是 Reconciliation 算法和为什么用 Immutable 数据流。这两节是全盘指导方针，不懂原理直接抄代码，到性能优化环节会完全跟不上。看完原理再进入项目初始化和骨架搭建，跟着把基础组件跑起来。
建议重点死磕的模块与产出
资料里的轮播、Scroll 组件和数据层开发是核心硬骨头，建议重点死磕。不要只看视频或文档，必须自己敲一遍，尤其是上拉下拉加载的边界处理。学完这些，你该能独立干这些活：给移动端项目手写高性能长列表，用 Hooks 模拟一套轻量 Redux 管理全局状态，遇到渲染卡顿能定位到 Immutable 数据流哪里没对齐。最后那个用 Hooks 实现状态管理的部分，是检验你有没有吃透闭包和数据流的关键。别急着跳过性能优化章节，那是把前面碎片知识捏合成工程能力的试金石。
以实战为线索，逐步深入React开发各个环节，掌握前端常用性能体验优化思路，打造完整前端工作流，提升工程化编码能力和思维能力。
课程目录
* 项目介绍及小册食用说明【不看错亿】
* React 的 Reconciliation 算法原理【开局必备框架原理】
* 为什么要在 React 中用 Immutable 数据流？【全程实战指导方针】
* 初始化项目【万丈高楼平地起】
* 搭建项目基本骨架【磨刀不误砍柴工】
* 推荐模块1: 打造酷炫轮播及列表
* 推荐模块2: 打造巨好用的项目灵魂组件 ——Scroll 组件
* 推荐模块3: 从零开发数据层
* 性能及体验优化【实战精华】
* 歌手列表1:横向分类列表开发，搞定诸多类似场景
* 歌手列表2: 歌手 List 开发，为后面起飞做铺垫
* 歌手列表3:上拉/下拉加载及优化，全面助力移动web开发
* 如何用 hooks 实现一个 Redux?【中途来波骚操作】
* 排行榜单模块开发【举一反三，巩固技能】
* 歌单详情1: 动感切页动画，你心动了吗？
* 歌单详情2: 准备静态模板
* 歌单详情3: 打通歌单数据层
* 代码封装及优化【代码质量不可小觑】
* 榜单详情组件一站式开发【组件复用，解放自我】
* 歌手主页1: 核心布局，组件基石
* 歌手主页2: 交互逻辑，精益求精
* 歌手主页3: 组件接轨业务数据流
* 播放器1: 开发前热身，准备好干粮再出发
* 播放器2: 布局+动画各个击破
* 播放器3: 进度条组件封装，完美衔接业务开发
* 播放器4: 复杂交互，挑战极限
* 播放器5: 由音符陨落动画引发的EventLoop机制之问
* 播放器6: 解决潜在bug, 细节决定精致程度
* 播放器7: 播放列表组件，跟App媲美的丝滑体验
* 播放器8: 来，手把手写一个歌词解析第三方插件
* 播放器9: 歌词功能深度集成
* 搜索模块1: 小小的搜索框，大大的学问
* 搜索模块2：火力全开，完成最后的组件
* 代码分割、项目部署及展望未来
* 彩蛋 1:CD界面更新&歌曲倍速播放【鬼畜篇】
* 彩蛋 2: Redux 及中间件原理解析【素养篇】
