React16+Redux 实战企业级大众点评Web App【全套完整带资料】

点评类应用是做前端练习的好靶子：它有列表、有筛选、有详情、有交互状态，几乎把单页应用里所有常见的难点都覆盖了一遍。这套课程选大众点评作为项目壳子，方向是对的，但真正需要判断的是——它的技术栈放在今天值不值得花时间。

React16 + Redux 这套组合，今天还值得学吗

React16 是 Fiber 架构真正落地的一代，生命周期在这一版被拆成 render 阶段和 commit 阶段，异步渲染、错误边界、Fragment 这些概念都是从这里开始成为标配。如果你只学过 Hooks 之后的 React，跳过这段会有一个隐患：很多老项目的代码组织方式、类组件写法、甚至性能优化的判断依据，都建立在 React16 的模型上。读得懂这类代码，在接手存量系统时是实打实的优势。

Redux 的分量要单独说。现在的项目里 Redux Toolkit、Zustand、Jotai 各占一块，但 Redux 的 store / action / reducer 三段式设计思路并没有过时，它把「状态变化必须可追溯」这件事讲得最清楚。这门课用 Redux 而不是更省事的方案，反而更利于看清数据流。需要留意的是它没覆盖中间件生态的细节，这部分得自己补。

课纲里哪些部分含金量高，哪些可以快进

• 值得精看：数据流打通的那几章。点评类应用的核心是列表数据从接口取回、进 store、再由多个组件共享，这条链路走通一遍，比看十篇状态管理文章有用。
• 值得精看：路由与页面状态的配合。列表到详情、筛选条件回填、页面切换时的数据保留，这些是面试和实际工作里高频被问的点。
• 可以快进：环境搭建和脚手架初始化的部分。这类内容版本更新快，跟着敲一遍知道流程即可，不必逐帧暂停。
• 可以快进：纯样式的静态页面还原。比重不大，理解结构就行，不必纠结像素级复刻。
• 需要自己补：异步请求的处理没有展开到很细，实际项目里的请求取消、竞态处理、错误重试，得另外找资料。

资料包拆成三块用，别一次性全铺开

课件和源码最有价值的用法是对照着看：先自己按理解写一遍，卡住了再翻对应章节的源码，看它的组件拆分和数据流向跟自己的差在哪。这个差距就是进步空间。

配套笔记适合放在两个时间点用：一是学完某一章当天，快速过一遍确认没漏掉关键结论；二是准备面试前，把它当成复习提纲，对着每一节回想「这节解决了什么问题」，想不起来的再回看视频。

最后建议把整个项目自己重新搭一遍，但换掉数据和接口，比如换成另一个城市的美食、影院或本地生活数据。改动过程中原本顺畅的地方会暴露出你其实没真正理解的部分，这比原样复刻一遍的收益高得多。

学之前需要什么基础

需要能写基本的 JavaScript，理解 ES6 的模块、箭头函数、解构，最好对 DOM 操作有点概念。完全没碰过前端的话，直接上这门课会很吃力，因为课程默认你已经知道组件是什么。有 Vue 经验的人反而上手会快，状态管理和组件化的思路是相通的。整套下来属于中等偏上的练习项目，认真跟完能把 React 的工程化用法理清楚一遍。