这套「珠峰React全家桶」的资料结构，核心不是教你怎么写第一个 JSX，而是把 React 技术栈拆成几块能单独拿出来的能力：组件模型、状态管理、路由、工程化配置，以及它们在一个真实项目里怎么互相咬合。配套讲义体量不小，适合边看边在编辑器里对着敲，而不是通勤路上刷视频。

技术栈覆盖范围

React 主线讲的是组件化本身：函数组件与类组件的差异、props 与 state 的边界、受控与非受控组件、生命周期到 Hooks 的迁移逻辑。这部分如果只是背 API，看文档就够了，讲义里更有价值的是它把「为什么这么设计」串了起来，比如 setState 的批处理行为、useEffect 的依赖数组到底在解决什么问题。

状态管理部分以 Redux 为主，会涉及 store、action、reducer 的单向数据流，以及 connect 与 hooks 两种接入方式的取舍。React Router 则覆盖路由配置、嵌套路由、动态参数和编程式导航。这三块拼起来，基本就是一套中后台项目的最小技术底座。

项目结构与可复用模块

讲义里带完整实战项目，这部分是自学时最该花时间的地方。建议重点看三件事：一是目录怎么分层，容器组件与展示组件怎么切；二是公共逻辑抽到哪里，比如请求封装、权限判断、Loading 状态；三是 Redux 的模块划分方式，是按页面拆还是按业务域拆。

  • 请求层：拦截器、错误统一处理、token 注入的位置
  • 路由层：路由表配置化、鉴权路由的包裹组件
  • 状态层：reducer 的组合方式、异步 action 的处理流程
  • 组件层：通用表单、列表、弹窗的可复用写法

这些模块单独拎出来，换个项目也能直接改改用，这是这套资料比纯理论教程更实用的地方。

适合什么基础的人看

讲义默认你已经写过原生 JS，知道 ES6 的模块、解构、箭头函数，也大致用过 npm 和打包工具。如果连组件和 props 是什么都要从头查，跟着这套资料会有点吃力，建议先用官方文档把基础概念过一遍再回来。

比较合适的切入方式是：先顺着讲义把主线项目跑起来，再针对自己薄弱的环节单独回看对应章节。比如路由部分不熟，就把嵌套路由和权限路由那几节重新实现一遍，而不是从头再刷一遍视频。

怎么用这份资料自学

建议按「读讲义 → 关掉讲义自己写 → 对比差异」的循环推进，而不是照着敲一遍就过。React 全家桶的坑大多出在细节上：依赖数组写错导致重复请求、reducer 直接改 state、路由层级和组件层级对不上。这些问题只有自己动手才会暴露。

每完成一个模块，试着把项目里的某一块换成自己的实现，比如自己写一个简版的 connect 或路由守卫。能改、能替换，才算真正吃透结构。讲义的作用是给你一个可对照的参考实现，剩下的靠动手补。

珠峰React全家桶

从基础到进阶，全面掌握React全家桶

编辑点评

深入浅出，涵盖React最新技术，实战项目丰富，适合有一定基础的开发者。

⭐ 编辑推荐

本课程全面讲解React全家桶，包括React、Redux、React Router等，通过实战项目，帮助学员深入理解React的原理和应用。

✨ 课程亮点

✦React全家桶深度解析
✦实战项目驱动学习
✦适合有一定基础的开发者

课程目录

103.知乎日报-首页和详情的登录及收藏管理【更多精选‖公众号：CunWorknotes】  .mp4  [254.7 MB]
120.dva中的subscription和dva-loading.mp4  [224.0 MB]
040.基于函数组件重构TASKOA案例2.mp4  [101.6 MB]
111.redux-saga的核心处理流程.mp4  [303.7 MB]
038.useRef和useImperativeHandle的使用【更多精选‖公众号：CunWorknotes】  .mp4  [133.3 MB]
105.知乎日报-实现组件的缓存【更多精选‖公众号：CunWorknotes】  .mp4  [119.4 MB]
043.基于自定义Hook提取公共逻辑.mp4  [36.0 MB]
039.基于函数组件重构TASKOA案例1.mp4  [146.6 MB]
047.基于上下文方案实现祖先和后代的通信「类组件」.mp4  [85.4 MB]
063.redux和react-redux的归纳梳理.mp4  [131.0 MB]
064.react-redux源码解读.mp4  [100.1 MB]
061.redux工程化-combineReducers源码.mp4  [79.5 MB]
062.react-redux的基础运用.mp4  [120.4 MB]
068.封装企业级fetch请求库.mp4  [206.3 MB]
052.React中的HOC高阶组件处理【优质资源‖关注：cunWorkNotes 解锁】.mp4  [54.7 MB]
065.redux中间件及处理机制.mp4  [164.5 MB]
090.知乎日报-配置路由骨架【持续更新‖免费提供：CunworknoteS】.mp4  [192.2 MB]
112.redux-saga中的API和细节处理.mp4  [293.5 MB]
021.React合成事件语法.mp4  [107.5 MB]
138.实现proxy跨域代理的配置.mp4  [78.1 MB]
115.dva中router的起手式【持续更新‖免费提供：CunworknoteS】.mp4  [91.5 MB]
101.知乎日报-redux存储和跳转细节.mp4  [136.8 MB]
108.关于索引做为key的优化【更多精选‖公众号：CunWorknotes】  .mp4  [71.8 MB]
119.dva中Model层的详细操作【资源精选‖更多关注：CunworkNotes】.mp4  [162.5 MB]
081.在组件中获取路由对象信息【公重号：CunWorkNotes】.mp4  [124.0 MB]
094.知乎日报-完成首页的轮播图【资源精选‖更多关注：CunworkNotes】.mp4  [203.4 MB]
087.使用useReducer实现对状态统一管理【整理不易‖记得关注：CunWorKNotes】.mp4  [43.9 MB]
012.初步尝试组件封装.mp4  [35.1 MB]
019.关于setState的进阶处理1.mp4  [121.5 MB]
026.TASKOA-启动后台【持续更新‖免费提供：CunworknoteS】.mp4  [37.9 MB]
025.React事件中的其它细节知识【整理不易‖记得关注：CunWorKNotes】.mp4  [88.5 MB]
010.关于props属性的细节知识.mp4  [113.0 MB]
最新珠峰React全家桶-全套课程讲义.zip  [53.6 MB]
030.TASKOA-Modal和Form组件的运用.mp4  [344.2 MB]
016.类组件更新的底层逻辑.mp4  [150.2 MB]
024.React合成事件的底层机制2.mp4  [174.0 MB]
029.TASKOA-TABLE组件的使用.mp4  [171.7 MB]
014.ES6中class语法和继承的原理.mp4  [63.7 MB]
002.create-react-app基础操作.mp4  [108.9 MB]
008.JSX底层渲染机制「创建真实DOM」.mp4  [136.8 MB]
007.JSX底层渲染机制「创建virtualDOM」.mp4  [132.1 MB]
129.CMS内容系统-登录态校验处理机制.mp4  [130.5 MB]
139.CSS全套处理解决方案.mp4  [84.9 MB]
133.模块化开发2.mp4  [134.6 MB]
032.TASKOA-整体功能的实现.mp4  [160.9 MB]
031.TASKOA-数据接口请求的管理.mp4  [67.8 MB]
009.函数组件的底层渲染机制.mp4  [64.3 MB]
004.MVC模式和MVVM模式.mp4  [67.4 MB]
013.静态组件和动态组件.mp4  [73.2 MB]
015.类组件第一次渲染的底层逻辑.mp4  [172.6 MB]
132.模块化开发1.mp4  [142.1 MB]
131.webpack解决了啥问题.mp4  [65.7 MB]
137.webpack-dev-server基于语法.mp4  [33.3 MB]
022.事件及事件委托.mp4  [124.1 MB]
130.CMS内容系统-表格的相关操作.mp4  [289.7 MB]
136.关于HTML的打包编译.mp4  [79.7 MB]
005.JSX语法使用上的细节.mp4  [64.0 MB]
001.课程介绍.mp4  [20.0 MB]
028.TASKOA-头部结构样式处理.mp4  [96.0 MB]
023.React合成事件原理1.mp4  [192.5 MB]
092.知乎日报-培养抽离封装的思想.mp4  [154.2 MB]
083.NavLink和Link的区别.mp4  [30.4 MB]
077.react-router-dom的基础运用和细节.mp4  [93.2 MB]
080.React中的路由懒加载方案.mp4  [95.9 MB]
079.构建React专属路由表管理机制.mp4  [81.5 MB]
088.知乎日报-项目基础概括.mp4  [97.5 MB]
089.知乎日报-REM响应式处理.mp4  [167.9 MB]
078.多级路由的分析和构建.mp4  [74.9 MB]
095.知乎日报-完成首页新闻列表的样式.mp4  [186.6 MB]
076.SPA和前端路由的两种实现方案.mp4  [150.5 MB]
096.知乎日报-完成首页新闻列表功能和详情页的样式.mp4  [400.2 MB]
100.知乎日报-登录页的功能1.mp4  [133.1 MB]
097.知乎日报-完成详情页面数据绑定.mp4  [223.0 MB]
110.Generator基础和Await原理.mp4  [255.7 MB]
098.知乎日报-登录页表单校验处理.mp4  [169.0 MB]
123.umi4中的路由处理方案.mp4  [228.9 MB]
102.知乎日报-登录态校验处理.mp4  [217.3 MB]
020.关于setState的进阶处理2.mp4  [140.6 MB]
027.TASKOA-Antd组件库基本应用.mp4  [103.0 MB]
106.知乎日报-修改个人信息和图片上传.mp4  [296.7 MB]
003.脚手架的进阶应用.mp4  [157.9 MB]
134.webpack零配置启动及原理.mp4  [99.2 MB]
122.umi4中的各种配置项处理.mp4  [206.4 MB]
011.React中的插槽处理机制.mp4  [94.7 MB]
141.关于图片的处理和别名.mp4  [134.5 MB]
125.Antd Pro的基本骨架1.mp4  [472.5 MB]
116.dva中的路由懒加载及动态路由.mp4  [299.0 MB]
140.关于JS的兼容处理和优化项.mp4  [64.2 MB]
017.PureComponent和Component的区别「含底层处理机制」.mp4  [119.5 MB]
006.JSX的具体应用.mp4  [100.4 MB]
104.知乎日报-个人中心和我的收藏.mp4  [177.1 MB]
135.webpack基础配置及强缓存机制.mp4  [99.9 MB]
018.有关REF操作的详细解读.mp4  [114.8 MB]
107.React中的DOM-DIFF和Fiber算法.mp4  [160.6 MB]
118.dva中Model层的处理流程.mp4  [58.7 MB]
084.routerV6版本的基础操作.mp4  [95.2 MB]
074.掌握mobx5的基础知识.mp4  [193.2 MB]
082.路由跳转及传参方案.mp4  [82.2 MB]
086.routerV6中的路由表及统一管理.mp4  [158.6 MB]
069.redux-toolkit的应用1.mp4  [91.9 MB]

适合人群

  • React爱好者
  • 前端工程师
  • 全栈工程师

🎯 学习收获

  • 掌握React核心概念
  • 熟练使用Redux进行状态管理
  • 构建高性能的React应用

🎉 祝您学习愉快！