以实战为线索，逐步深入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 及中间件原理解析【素养篇】