经过一段时间资料的收集,发现很少有高质量的介绍react源码的文章。掌握这个技能最好的方式就是阅读其源码并进行其最小子集的实现。本文先实现一个最简的react原型,后续介绍其源码中值得玩味的地方。
前言
react源码还是很复杂的,直接看起来比较吃力,但是其核心内容却并不复杂,主要可以分为以下几个部分:
- 虚拟dom对象,对应vue里的VNode
- 虚拟dom diff算法
- 单向数据流的实现,类似vue里的数据劫持和watch
- 组件声明周期
- 事件处理
实现了这些基本一个react就实现了
参考资料
React 深入系列5:事件处理
React事件系统和源码浅析
React源码解析(一):组件的实现与挂载
基于React版本16.2.0的源码解析(一):组件实现(小白也可读)
React 源码解析