课程简介
本课程是专为前端开发者设计的React深度进阶课程，系统讲解React核心原理与生态工具。课程涵盖虚拟DOM与Fiber架构、Hooks深度实现、VDOM DIFF算法、任务调度机制等React底层原理，同时深入解析Redux、Redux-Saga、React Router、Formily等主流状态管理和路由解决方案。通过mini-react项目实战，帮助学员从源码层面理解React运行机制，掌握函数组件、类组件、Fragment等渲染实现，精通useState、useReducer、useEffect等Hooks原理。课程配套完整代码示例和详细讲解，适合具备基础React开发经验、希望深入理解框架原理并提升技术深度的开发者学习。
下载地址课程目录
第1–7节：Antd4 Form与Formily入门、原理、实现及数据校验。
02 Redux系列
第1–8节：Redux实现、中间件、react-redux基础与Hook API。
03 Router系列
第1–9节：React Router 6基础、路由匹配、懒加载与守卫。
04 异步解决方案
第1–3节：异步方案上、下及redux-saga使用。
05 Redux-Saga
第1–5节：redux-saga概念、effects实现与通信。
06 DVA系列
第1–2节：DVA基础与原理实现。
07 Mini React
第1–19节：虚拟DOM、fiber构建、Hooks实现与VDOM DIFF。
--- 点击展开详细目录 ---PART1
- 🎬 02、Antd4 Form》01、1. 初步实现AntD4 Form-.mp4
- 🎬 02、Antd4 Form》02、2. 实现校验与适配类组件-.mp4
- 🎬 02、Antd4 Form》03、3. 实现函数组件版Field与总结-.mp4
- 🎬 03、Formily》01、1. Formily入门-.mp4
- 🎬 03、Formily》02、2. Formily原理-.mp4
- 🎬 03、Formily》03、3.实现formily-antd-.mp4
- 🎬 03、Formily》04、4.实现formily-react-.mp4
- 🎬 03、Formily》05、5.实现formily-reactive-react-.mp4
- 🎬 03、Formily》06、6.实现formily-core基础-.mp4
- 🎬 03、Formily》07、7.实现formily-core数据校验-.mp4
- 🎬 04、精通Redux系列》01、1. 实现redux-.mp4
- 🎬 04、精通Redux系列》02、2. 实现常用redux中间件-.mp4
- 🎬 04、精通Redux系列》03、3. 实现redux combineReducers-.mp4
- 🎬 04、精通Redux系列》04、4. react-redux 基础-.mp4
- 🎬 04、精通Redux系列》05、5. react-redux基础使用-.mp4
- 🎬 04、精通Redux系列》06、6. 实现 react-redux Provider与connect-.mp4
- 🎬 04、精通Redux系列》07、7. react-redux hook api-.mp4
- 🎬 04、精通Redux系列》08、8. react18版的react-redux-.mp4
- 🎬 05、精通Router系列》01、1. react-router 6 基础使用-.mp4
- 🎬 05、精通Router系列》02、2.实现Routes-.mp4
- 🎬 05、精通Router系列》03、3. 实现路由切换-.mp4
- 🎬 05、精通Router系列》04、4.实现路由渲染-.mp4
- 🎬 05、精通Router系列》05、5. 路由匹配，支持动态路由-.mp4
- 🎬 05、精通Router系列》06、6. 路由守卫-.mp4
- 🎬 05、精通Router系列》07、7. 实现Navigate与useNavigate-.mp4
- 🎬 05、精通Router系列》08、8. 懒加载-.mp4
- 🎬 05、精通Router系列》09、9. 标记选中的Link，并实现useMatch与useResolvedPath-.mp4
- 🎬 06、异步解决方案》01、1. 异步解决方案-上-.mp4
- 🎬 06、异步解决方案》02、1. 异步解决方案-下-.mp4
- 🎬 06、异步解决方案》03、2. redux-saga使用-.mp4
- 🎬 07、Redux-Saga系列》01、1. redux-saga概念-.mp4
- 🎬 07、Redux-Saga系列》02、2. 实现effects-.mp4
- 🎬 07、Redux-Saga系列》03、3. 实现createSagaMiddleware-.mp4
- 🎬 07、Redux-Saga系列》04、4. 实现redux-saga与redux的通信-.mp4
PART2
- 🎬 07、Redux-Saga系列》05、5. effect all-.mp4
- 🎬 08、DVA系列》01、1. DVA基础-.mp4
- 🎬 08、DVA系列》02、2. DVA原理-.mp4
- 🎬 10、mini react》01、1. mini-react指南-.mp4
- 🎬 10、mini react》02、2. 虚拟DOM与fiber-.mp4
- 🎬 10、mini react》03、3. fiber的构建与任务执行-.mp4
- 🎬 10、mini react》04、4. 初次渲染渲染-.mp4
- 🎬 10、mini react》05、5. 实现原生节点初次渲染-.mp4
- 🎬 10、mini react》06、6. 实现函数组件、类组件、文本、Fragment的初次渲染-.mp4
- 🎬 10、mini react》07、7. React中的任务调度与最小堆-.mp4
- 🎬 10、mini react》08、8. 实现任务调度-.mp4
- 🎬 10、mini react》09、9.精通Hooks-.mp4
- 🎬 10、mini react》10、10. 实现useReducer-.mp4
- 🎬 10、mini react》11、11. 实现useState-.mp4
- 🎬 10、mini react》12、12. 节点的删除与更新-.mp4
- 🎬 10、mini react》13、13. 修改目录-.mp4
- 🎬 10、mini react》14、14. 删除多个老节点-.mp4
- 🎬 10、mini react》15、15. 真正的React VDOM DIFF 1-.mp4
- 🎬 10、mini react》16、15. 真正的React VDOM DIFF 2-.mp4
- 🎬 10、mini react》17、15. 真正的React VDOM DIFF 3-.mp4
- 🎬 10、mini react》18、16. 对比React 与Vue的 VDOM DIFF-.mp4
- 🎬 10、mini react》19、17. 实现useEffect与useLayoutEffect-.mp4
| 
发表于 4 天前
|
查看: 13|
回复: 0
