值不值得学：先看它解决什么工作场景
这套资料主题是 React 前端开发，它解决的核心场景很明确：从只会写零散页面，到能独立搭建具备状态管理、组件复用和接口联调能力的中后台业务页面。如果你平时做的是偏静态展示页，遇到稍微复杂的交互就靠复制粘贴拼凑，或者想转岗做前端但卡在框架应用上，这门课就是帮你把散点补成线的。它不是带你刷算法或讲底层源码，而是围绕实际业务里高频出现的写法展开，比如怎么拆组件、状态怎么往上提、接口数据怎么流到视图。所以判断要不要学，标准很简单：如果你马上要用 React 做项目，或者招聘要求里明确写了这项，那它值得花时间；如果只是想泛泛了解前端生态，可以先放后面。
适合什么基础，建议先看哪几块
资料本身按从零到能用的顺序排，但对你基础有下限要求：最好已经能写基本 HTML 和 CSS，对 JavaScript 的函数、数组方法、解构赋值不陌生。完全没碰过 JS 直接看，会在语法细节上卡住。建议先集中看组件封装、props 传递、useState 与 useEffect 这几块，它们是整个 React 写法的心智模型，理解了状态怎么存、怎么变、副作用什么时候触发，后面看具体例子才不会懵。TodoList 和那个接口联调的例子是检验理解的好节点，看完基础语法后直接跳过去跟着敲一遍，比按顺序硬背更有效。步进器和按钮这种小组件封装，可以当复习用，重点体会类名冲突怎么解决、属性怎么往下透传。
学完能独立做什么，资料怎么配合练习
把主要部分过完，你应该能独立做这几件事：按设计稿把一个页面拆成几个可复用组件，用 props 在父子组件间传数据，用 hooks 管理本地状态，调一个公开接口拿到列表数据渲染到页面，并处理基本的条件渲染和交互反馈。资料怎么用，建议这样：视频先快速过一遍理解思路，不要全程暂停抄代码，那样容易只见树不见林；看完一个模块后关掉视频，凭记忆自己复现一遍核心逻辑，卡住再回去定位。那个接口联调的例子务必自己跑通一次请求和渲染全流程，因为真实项目里数据怎么来、怎么存、怎么显示，这一条链路走通，就算入门站住了。组件封装那几节，建议你拿自己工作里的一个表单或卡片照着重构一遍，比单纯跟练课程例子更扎实。
学会React技术
课程目录
* 01 React入门/
* 01 为什么前端技术已经成为了开发人员必备.mp4 08:44
* 02 01_React基础.mp4 49:08
* 03 02_React插值+渲染及条件判断.mp4 32:59
* 04 03_Reactjsx语法.mp4 31:58
* 05 04_组件封装.mp4 31:45
* 06 05_props中+状态提升操作.mp4 26:59
* 07 06_TodoList.mp4 21:09
* 08 07_useState和useEffect.mp4 38:32
* 09 08_cnode例子.mp4 13:38
* 10 09_状态提升以及props传递方法.mp4 25:31
* 11 10_一个按钮组件的封装.mp4 21:53
* 12 11_解决属性传递的类名问题.mp4 06:17
* 13 12_步进器组件封装+熟悉组件props.mp4 29:42
* 14 13_一个列表数据的展示案例.mp4 12:36
* 15 15_React路由基础及url参数获取.mp4 53:33
* 16 16_Cnode案例实现.mp4 32:22
* 17 17_私有路由操作.mp4 25:11
* 18 18_总结.mp4 16:15
* 19 19_useRoutes.mp4 15:01
* 20 20_嵌套路由配置及异步加载组件.mp4 30:22
* 21 21_路由组件验证及是否登录判断的基本操作方法.mp4 14:28
* 22 22_登录是路由变化.mp4 21:13
* 23 23_antd引入及整体框架布局.mp4 22:19
* 24 24_antd菜单组件封装.mp4 06:11
* 25 25_antd路由配置.mp4 10:29
* 26 26_antd登录操作.mp4 23:17
* 27 27_登录中消息提示的问题解决.mp4 04:16
* 28 28_antd+表格展示.mp4 18:43
* 29 29_axios简单的封装及接口函数封装.mp4 04:28
* 30 30_数据获取并渲染表格.mp4 07:11
* 31 31_自定义hook.mp4 06:02
* 32 32_删除功能实现.mp4 22:05
* 33 33_message和modal的问题解决.mp4 09:28
* 34 34_编辑选手信息.mp4 30:07
* 02 React进阶/
* 01 35_抽屉放置的问题导致生成多个抽屉解决.mp4 14:20
* 02 36_useRef的用法.mp4 08:07
* 03 37_筛选功能实现.mp4 29:34
* 04 38_菜单默认打开.mp4 05:29
* 05 39_折叠菜单.mp4 09:16
* 06 40_新增选手操作.mp4 16:49
* 07 41_重置操作.mp4 14:13
* 08 42_分页筛选操作.mp4 17:26
* 09 43_useCallback useMemo memo.mp4 46:53
* 10 44_useContext.mp4 19:43
* 11 45_useReducer.mp4 21:41
* 12 46_useReducer练习.mp4 10:22
* 13 47_用useContext和useReducer模拟一个全局的状态管理.mp4 17:46
* 14 48_将token和用户信息存储到全局中.mp4 11:31
* 15 49_剧本列表渲染.mp4 32:52
* 16 50_新增剧本操作.mp4 34:56
* 03 项目/
* 01 51_上传操作.mp4 25:49
* 02 52_在Form.Item中处理最终的结果.mp4 11:01
* 03 53_Select多选格式化选中的值.mp4 05:18
* 04 54_筛选及分页实现.mp4 22:19
* 05 55_筛选中的bug解决.mp4 14:35
* 06 56_时间段选择.mp4 35:36
* 07 57_timeslot接口.mp4 00:43
* 08 58_不同请求的timeslot封装.mp4 03:54
* 09 59_列表渲染 删除实现.mp4 14:50
* 10 60_React类组件.mp4 45:34
* 11 61_React生命周期.mp4 25:19
* 12 62_React HOC高阶组件.mp4 26:24
* 13 63_自定义hook操作.mp4 23:56
* 14 64_别人封装的一些Hook.mp4 21:50
* 15 65_Redux的基础用法.mp4 52:52
* 16 66_redux利用toolkit异步操作.mp4 19:32
* 17 67_利用redux完成todolist的功能.mp4 39:49
* 18 68_Todos配合接口实现.mp4 32:55
* 19 69_Todos 添加操作.mp4 10:40
* 20 70_Todos 修改状态和删除操作.mp4 12:21
* 21 71_一个需求.mp4 01:03:44
* 22 72_postcss配置px2vw.mp4 04:58
* 23 73_管理系统React搭建.mp4 35:53
* 24 74_Redux中TS的一些配置.mp4 13:23
* 25 75_回访功能交互实现.mp4 33:35
* 26 76_筛选功能实现及空状态文案修改.mp4 27:19
* 27 77_短信验证.mp4 15:59
* 28 78_路由拦截，不登录不能跳转到首页.mp4 18:13
* 29 79_nprogress进度条.mp4 08:43
* 30 80_管理系统的登录操作.mp4 26:48
* 31 人事面试问题.mp4 56:19
