react源码解析

例子： fiber是根据什么构建的？ 我们来阅读react的源码: 首先在这里打上断点，因为无论如何，只要新建fiber节点，都要通过这个函数 发现fiber节点是根据value构建的 而value又

整体流程 整体流程整体流程 整体流程 整体流程整体流程整体流程整体流程 整体流程整体流程 整体流程整体流程整体流程整体流程整体流程整体流程 整体流程整体流程 整体流程 整体流程整体流程整体流程整体

阅读策略： 从整体到局部，先粗后细，自顶向下，以用代学，先了解原理 如何略过无关代码：声明和If等条件判断先不看 使用performance record，调试，见名知意，传参，排除法, 结果倒推输入

查看运行完整流程 如上图所示,打开开发者工具,点击performance,然后点击2,进行记录 点击3按钮进行刷新页面内,最后点击4,stop,就生成了下面performance 整个流程分成三个阶段

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3754e50611844862b77bb42e02445396~tplv