先弄清楚：这门课到底解决什么问题
很多写业务代码的前端开发者都有过这种窘境：React 项目能熟练跑起来，组件也会拆，Hooks 也会用，可一到面试被问及底层原理或性能优化细节，脑子里就只剩下一团浆糊。这门 React 面试资料针对的正是这种“会写但说不清”的断层现象。它不是从零教你怎么搭项目的入门教程，而是把面试官真正会盘问的考点——比如 React 18 的底层机制、状态流转、渲染调度与性能优化——抽出来做集中拆解。如果你正准备跳槽大厂或中型公司，需要把散乱的实战经验梳理成体系化的答题框架，这份资料就是对口的；但如果你连 JSX 语法和基础组件都还没写过，建议先补完基础再来看，否则直接啃源码剖析会非常吃力。
怎么用：资料配合练习的节奏
这套资料的内容编排有明显的主次，建议按“基础概念—源码机制—性能优化”的顺序推进，不要一上来就死磕源码。第一遍先快速过基础部分，对照自己平时的写法查漏补缺，把 state、props、Hooks 依赖项这些概念在脑中重新对齐。第二遍再看 React 18 的源码级剖析，这是整份资料最硬核也最值钱的部分：不要只用眼睛看，每听完一个机制，就暂停下来自己复述一遍——比如 Fiber 架构为什么能中断恢复、并发渲染到底解决了什么阻塞问题，能用自己的话讲清楚，才算真正消化。资料里的真题和答题思路不是让你背答案，而是帮你校验“自己的复述”有没有跑偏。每学完一个模块，回到自己手头的项目代码里，找到对应的写法去印证，看看实际业务中有没有踩过资料里提到的坑，这种对照比单纯看视频有效得多。
学完之后：你能独立做什么
把这套资料踏踏实实啃完，最直接的变化是面对面试提问不再只能答“我会用”，而是能从“底层怎么实现”推到“业务里怎么避坑”，把一条完整的逻辑链路讲明白。具体到实际工作中，你不仅能更准确地判断什么时候该用 useMemo、什么时候不该滥用 context，还能在排查渲染卡顿或状态更新异常时，从原理层面定位问题，而不是靠瞎猜改代码。说白了，它帮你把“能干活”升级成“既懂原理又能把原理讲给别人听”，这恰恰是通过中高级前端技术面、拿到合理薪资报价的关键筹码。
在前端面试中，React作为主流框架之一，始终是考察的重点与难点。许多开发者面临"会用React，但说不清原理"、"能写业务代码，却答不好面试题"的困境。几米课堂《前端bubucuoReact面试宝典》课程，从基础概念到源码解析，从API使用到性能优化，系统梳理React面试高频考点，通过"原理剖析+真题演练+答题技巧"的模式，帮你构建完整的React知识体系，掌握面试应答策略，轻松拿下大厂offer。
课程目录
* 01 1.1 React18源码级剖析 1 (284.38 MB), 29:55
* 02 1.2 React18源码级剖析 2 (196.75 MB), 27:13
* 03 1.3 React18源码级剖析 3 (161.69 MB), 18:05
* 04 2.1 如何理解React中的state(状态)与props(属性) (27.32 MB), 02:49
* 05 2.2 什么是HOC 如何”修改“组件属性props (30.41 MB), 04:38
* 06 2.3 在函数类组件中如何使用state (22.29 MB), 04:38
* 07 2.4 Redux工作原理 (52.77 MB), 06:32
* 08 2.5 redux 中间件机制，如果不用中间件能不能实现异步 (22.90 MB), 03:45
* 09 2.6 描述Redux Toolkit (23.23 MB), 04:04
* 10 2.7 Redux、MobX、Recoil，解决什么问题说一下分别的设计原理有什么优势 (71.24 MB), 09:46
* 11 2.8 比较函数组件与类组件的内部状态 (81.83 MB), 12:24
* 12 3.1 组件如何通信以及不同通信方式的特点 (40.11 MB), 06:58
* 13 3.2 常用组件有哪些以及各自特点 (43.04 MB), 05:27
* 14 3.3 组件的常见性能优化手段 (218.49 MB), 24:41
* 15 3.4 在循环渲染多个组件的时候，key如何取值 (11.14 MB), 02:44
* 16 4.1 为什么要引入Hooks，Hooks解决了什么样的问题 (84.42 MB), 07:23
* 17 4.2 什么是自定义Hook (22.39 MB), 04:27
* 18 4.3 为什么Hook出现之后，函数组件中可以定义state，保存在了哪里 (14.84 MB), 02:49
* 19 4.4 useState与useReducer区别（可能有一个你不知道的点） (37.18 MB), 05:36
* 20 4.5 为什么useStateuseReducer返回一个数组，而不是其它结构，比如对象 (6.94 MB), 00:57
* 21 4.6 useRef与useState区别 (37.22 MB), 06:50
* 22 4.7 useEffectuseLayoutEffect用法与区别 (48.91 MB), 06:47
* 23 4.8 useEffectuseLayoutEffect中的延迟、同步是什么意思(任务调 (52.85 MB), 05:30
* 24 4.9. 为什么不能在循环，条件或嵌套函数中调用Hook (33.19 MB), 05:32
* 25 4.10 useStateuseReducer原理 (59.53 MB), 08:36
* 26 4.11 解释下useImperativeHandle场景 (42.15 MB), 06:59
* 27 4.12 类组件的componentDidMount与useEffectuseLayou (73.76 MB), 10:35
* 28 5.1 简述前端路由前端路由解决的问题 (28.33 MB), 04:19
* 29 5.2 前端路由如何切换页面 (37.08 MB), 04:55
* 30 5.3 React Router中history、hash路由差异 (19.61 MB), 02:54
* 31 5.4 react-router6原理 (35.40 MB), 04:28
* 32 5.5 懒加载 (48.45 MB), 06:53
* 33 6.1.1 React VDOM DIFF- new vdom是单个文本节点 (37.96 MB), 06:09
* 34 6.1.2 React VDOM DIFF- new vdom是单个节点 (63.19 MB), 08:36
* 35 6.1.3 React VDOM DIFF- new vdom是数组 (63.13 MB), 09:21
* 36 6.2 Vue3 VDOM DIFF算法 (53.70 MB), 10:18
* 37 6.3 对比React18与Vue3 VDOM DIFF (46.40 MB), 08:14
* 38 7.1 Context使用方法 (43.42 MB), 05:44
* 39 7.2 讲述Context原理 (76.56 MB), 11:01
* 40 8.1 虚拟DOM是什么，为什么要使用它 (39.54 MB), 04:59
* 41 8.2 Fiber是什么 (33.46 MB), 05:59
* 42 8.3 时间切片是什么 (26.52 MB), 04:49
* 43 8.4 描述下React的任务调度机制 (26.36 MB), 03:41
* 44 9.1 JSX是什么 (33.94 MB), 05:16
* 45 9.2 类组件生命周期，以及废除三个老生命周期的原因 (50.04 MB), 08:34
* 46 9.3 React事件机制 (29.34 MB), 05:31
* 47 9.4 脚手架选择，如何搭建一个React项目 (58.23 MB), 09:29
* 48 9.5 React 版本之间的差异 (42.13 MB), 06:52
