📂 压缩包大小：806.80M

课程定位：从“会用组件”到“读懂原理”的进阶路

市面上大多数 React 课程停留在“怎么用”，教你挂标签、配样式、调接口。但这门课不同，它直击前端开发中最高频也最费脑力的痛点——状态管理与表单处理的底层逻辑。如果你在做中后台管理系统，或者正在准备转行做高级前端，单纯调用 Ant Design 组件是远远不够的。当项目规模扩大，你需要自己封装复杂的表单校验规则、需要定制中间件处理复杂的异步逻辑时，通用的库往往显得笨重且难以调试。这门课通过源码剖析和手写实现，帮你把 React 的状态管理（Redux）和表单方案（Formily）彻底吃透。

适用基础与学习路径：建议先做技术选型

这门课不适合零基础入门，建议你在已经熟练手写 React Hooks、理解虚拟 DOM 原理后再看。内容深度涉及源码阅读和核心库的实现，对计算机基础有一定要求。课程结构非常务实，并没有按部就班地讲所有知识点，而是按“场景”分组：React 18 新特性、Antd Form 二次开发、Formily 表单引擎、Redux 状态管理。建议先看"React 18 新特性”章节，快速建立对新版本 API 的认知；如果项目需要复杂的表单逻辑，直接跳到 Formily 部分学习其响应式原理；如果是大型应用的状态流转，则重点攻克 Redux 系列。这种安排能让你根据项目需求，只学当下最需要的部分，避免无效学习。

实战产出：具备独立定制组件库的能力

学完这套内容，你的目标不应是“会用 Redux"，而是“能造轮子”。课程通过大量代码复现，训练你从底层机制出发解决问题的能力。具体来说，学完后你应该具备：独立实现一个支持动态字段、自定义校验规则的企业级表单引擎（基于 Formily 原理）；能够根据业务需求，手写轻量级或增强版的状态管理库，理解中间件如何拦截和处理副作用；能够基于 React 18 的并发特性，优化现有项目的渲染性能。资料包中的视频涵盖了从“初步实现”到“核心原理”的完整过程，配合代码练习，你不再依赖现成的第三方库去解决所有问题，而是能理解它们背后的设计思想，在面对非标准业务场景时，有能力自行搭建一套高效、可维护的状态与表单体系。这才是资深前端区别于初级开发者的核心壁垒。

课程目录

01、React18新特性源码剖析》01、React18新特性源码级剖析 1.mp4
 262.20M 01、React18新特性源码剖析》02、React18新特性源码级剖析 2.mp4
 48.28M 01、React18新特性源码剖析》03、React18新特性源码级剖析 3.mp4
 148.42M 02、Antd4 Form》01、1. 初步实现AntD4 Form.mp4
 223.03M 02、Antd4 Form》02、2. 实现校验与适配类组件.mp4
 62.82M 02、Antd4 Form》03、3. 实现函数组件版Field与总结.mp4
 42.64M 03、Formily》01、1. Formily入门.mp4
 57.26M 03、Formily》02、2. Formily原理.mp4
 19.81M 03、Formily》03、3.实现formily-antd.mp4
 60.51M 03、Formily》04、4.实现formily-react.mp4
 46.61M 03、Formily》05、5.实现formily-reactive-react.mp4
 62.92M 03、Formily》06、6.实现formily-core基础.mp4
 203.31M 03、Formily》07、7.实现formily-core数据校验.mp4
 73.79M 04、精通Redux系列》01、1. 实现redux.mp4
 96.33M 04、精通Redux系列》02、2. 实现常用redux中间件.mp4
 118.47M 04、精通Redux系列》03、3. 实现redux combineReducers.mp4
 31.84M 04、精通Redux系列》04、4. react-redux 基础.mp4
 38.36M 04、精通Redux系列》05、5. react-redux基础使用.mp4
 66.77M 04、精通Redux系列》06、6. 实现 react-redux Provider与connect.mp4
 101.93M 04、精通Redux系列》07、7. react-redux hook api.mp4
 33.55M 04、精通Redux系列》08、8. react18版的react-redux.mp4
 27.56M 05、精通Router系列》01、1. react-router 6 基础使用.mp4
 91.01M 05、精通Router系列》02、2.实现Routes.mp4
 38.79M 05、精通Router系列》03、3. 实现路由切换.mp4
 58.16M 05、精通Router系列》04、4.实现路由渲染.mp4
 88.65M 05、精通Router系列》05、5. 路由匹配，支持动态路由.mp4
 47.05M 05、精通Router系列》06、6. 路由守卫.mp4
 80.37M 05、精通Router系列》07、7. 实现Navigate与useNavigate.mp4
 32.75M 05、精通Router系列》08、8. 懒加载.mp4
 18.59M 05、精通Router系列》09、9. 标记选中的Link，并实现useMatch与useResolvedPath.mp4
 65.23M 06、异步解决方案》01、1. 异步解决方案-上.mp4
 87.43M 06、异步解决方案》02、1. 异步解决方案-下.mp4
 71.75M 06、异步解决方案》03、2. redux-saga使用.mp4
 105.03M 07、Redux-Saga系列》01、1. redux-saga概念.mp4
 40.22M 07、Redux-Saga系列》02、2. 实现effects.mp4
 29.06M 07、Redux-Saga系列》03、3. 实现createSagaMiddleware.mp4
 66.89M 07、Redux-Saga系列》04、4. 实现redux-saga与redux的通信.mp4
 61.89M 07、Redux-Saga系列》05、5. effect all.mp4
 15.12M 08、DVA系列》01、1. DVA基础.mp4
 105.61M 08、DVA系列》02、2. DVA原理.mp4
 94.78M 09、React源码剖析》01、1. 为什么学习源码.mp4
 46.84M 09、React源码剖析》02、2.如何调试React源码.mp4
 66.38M 09、React源码剖析》03、3. React中常见的数据结构-1.mp4
 90.28M 09、React源码剖析》04、3. React中常见的数据结构-2.mp4
 67.14M 09、React源码剖析》05、4. 初次渲染与更新-1.mp4
 96.00M 09、React源码剖析》06、4. 初次渲染与更新-2.mp4
 89.76M 09、React源码剖析》07、4. 初次渲染与更新-3.mp4
 87.02M 09、React源码剖析》08、4. 初次渲染与更新-4.mp4
 80.23M 09、React源码剖析》09、4. 初次渲染与更新-5.mp4
 18.01M 09、React源码剖析》10、5.任务调度-1.mp4
 72.50M 09、React源码剖析》11、5.任务调度-2.mp4
 91.03M 09、React源码剖析》12、5.任务调度-3.mp4
 16.40M 09、React源码剖析》13、6. 类组件.mp4
 129.33M 09、React源码剖析》14、7. 函数组件.mp4
 68.80M 09、React源码剖析》15、8.diff原理：reconcileChildren.mp4
 64.49M 09、React源码剖析》16、9. Context原理.mp4
 123.26M 10、mini react》01、1. mini-react指南.mp4
 10.36M 10、mini react》02、2. 虚拟DOM与fiber.mp4
 65.63M 10、mini react》03、3. fiber的构建与任务执行.mp4
 139.30M 10、mini react》04、4. 初次渲染渲染.mp4
 44.45M 10、mini react》05、5. 实现原生节点初次渲染.mp4
 95.13M 10、mini react》06、6. 实现函数组件、类组件、文本、Fragment的初次渲染.mp4
 92.78M 10、mini react》07、7. React中的任务调度与最小堆.mp4
 59.91M 10、mini react》08、8. 实现任务调度.mp4
 119.71M 10、mini react》09、9.精通Hooks.mp4
 64.51M 10、mini react》10、10. 实现useReducer.mp4
 200.93M 10、mini react》11、11. 实现useState.mp4
 46.39M 10、mini react》12、12. 节点的删除与更新.mp4
 27.38M 10、mini react》13、13. 修改目录.mp4
 9.02M 10、mini react》14、14. 删除多个老节点.mp4
 19.04M 10、mini react》15、15. 真正的React VDOM DIFF 1.mp4
 71.67M 10、mini react》16、15. 真正的React VDOM DIFF 2.mp4
 133.07M 10、mini react》17、15. 真正的React VDOM DIFF 3.mp4
 51.25M 10、mini react》18、16. 对比React 与Vue的 VDOM DIFF.mp4
 17.77M 10、mini react》19、17. 实现useEffect与useLayoutEffect.mp4
 109.96M 01、React18新特性源码剖析》02、React18新特性源码级剖析.mp4