React进阶之React核心源码解析（一）

cline + deeseek => AI工具，上手成本非常低，非常便宜
cursor 编辑器

带着问题学源码

1. 为什么 react 会引入 fiber 架构
2. 简述 fiber 节点的结构和作用
3. fiber 架构 => 架构+流程
4. diff 算法
5. hooks 原理

学习方法论：由大到小 对比回答问题

react 特点

1. 单向数据流
   能够快速响应用户操作
   公式：ui = render(data)

什么原因导致响应慢？
cpu卡顿，js执行导致画面卡顿
IO卡顿，网络问题等 延迟

CPU卡顿

浏览器一秒60hz，16.6ms刷新一次，超过就会有掉帧现象
就比如这个例子

// index.js
import ReactDOM