React 源码学习笔记总结(持续更新中,感兴趣的话请关注专栏:前端大杂烩)

194 阅读1分钟

最近几个月,学习react源码,发现社区里面的大部分概念跟react 18的源码实现有些差异,比如effect list、requestidlecallback等等,很多概念在新版本(React 18)中已经逐渐移除,理念也发生了变更,所以特此做个归纳总结,方便大家学习,有问题可以随时留言或者私信!(感兴趣的同学也欢迎一起学习)

核心流程图

image.png

render phase

image.png

commit phase

image.png

hook的调度顺序

hook调用顺序.gif

image.png

基础概念(术)

  • Hooks(未完成)

高级指南(法)

  • 渲染器(renderers)

理念(道)

  • 设计
  • 哲学
  • hook的理念

好文推荐