阅读 1761

React16.2源码解析

导言

16.2的源码相较与16.4的源码生命周期还未改变,但是 fiber 架构已经实现。本源码解析主要是为了弄懂 React 的渲染流程和执行机制。

方法

  1. 断点调试
  2. 看源码并 console.log

内容

  1. React16.2源码解析-Fiber架构

  2. React16.2源码解析-页面渲染流程

  3. React16.2源码解析-事件绑定机制

  4. React16.2源码解析-批量更新优化

  5. React16.2源码解析-Reconciliation

  6. React16.2源码解析-diffProperties算法

  7. React16.2源码解析-视图改变

  8. React16.4源码解析-生命周期(未完成)

总结

大概理解了React的工作机制,如何减少 DOM 操作

写在最后

第一次写解析,有错误希望指正,有兴趣研究源码的可以一起讨论。谢谢