最近几个月,学习react源码,发现社区里面的大部分概念跟react 18的源码实现有些差异,比如effect list、requestidlecallback等等,很多概念在新版本(React 18)中已经逐渐移除,理念也发生了变更,所以特此做个归纳总结,方便大家学习,有问题可以随时留言或者私信!(感兴趣的同学也欢迎一起学习)
核心流程图
render phase
commit phase
hook的调度顺序
基础概念(术)
- Hooks(未完成)
高级指南(法)
- 调和器(reconciler)
- stack reconciler
- fiber reconciler
- render phase
- commit phase
- 调度器(scheduler
- lane
- 时间切片
- 渲染器(renderers)
理念(道)
- 设计
- 哲学
- hook的理念