本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过react，阅读都不会有太大阻力。

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

单一职责原则（SRP - single responsibility principle）是编写 React 组件时的基础原则。 所谓职责可能指的是渲染一个列表、显示一个时间选择器、发起一次 HTTP 请求、描绘一幅图表，或是懒加载一个图片等等。组件应该只选择一个职责去实现。当…