通过上一篇文章的学习，了解了Fiber是什么，知道了Fiber节点可以保存对应的DOM节点。Fiber节点构成的Fiber Tree会对应DOM Tree。

React 16 之前的 Diff 算法，是同步操作，直接对比两棵虚拟 DOM 树，会阻塞主线程。React 16 引入了 Fiber，将 Diff 操作切成小块就不堵啦～

在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…

带你彻底读懂React VDOM DIFF，什么叫彻底，就是原理+源码+手写。写完之后，我们再来对比与Vue的VDOM DIFF的不同。

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～

React的渲染流程分为两个阶段： 1. render 阶段：Reconciler的工作阶段，这个阶段会调用组件的render方法 2. commit 阶段：Renderer的工作阶段，可以类比g

react 源码解析，本章节将结合源码解析 diff 算法，包括如下内容：react diff 算法的介绍、diff 策略、diff 源码解析

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…