上面代码看来，一个是不替换组件的情况下更新组件，另一个则是直接更新 markup 标记。我们按照顺序一个个看过来吧，先看到 ReactCompositeComponent.receiveProps ： 关于 DOM 操作一系列的方法这里不准备做解读，可以直接查看源码 core/…

首先，我们得明确一点，所谓的 virtual dom，也就是虚拟节点。它通过 JS 的 Object 对象模拟 DOM 中的节点，然后再通过特定的 render 方法将其渲染成真实的 DOM 节点。 其次我们还得知道一点，那就是 virtual dom 做的一件事情到底是啥。我…

想要理解 Redux 完整的工作机制真的让人头疼。特别是作为初学者。 术语太多了！Actions、reducers、action creators、middleware、pure functions、immutability、thunks 等等。 你可以花几个小时阅读博客以及尝…

自从React的内部实现改为Fiber之后，源码就变得相当晦涩，啃了一个月之后，稍微总结的了一点经验、阅读时的误区、以及为什么很多次看不下的原因，但是我相信，这些经验可以成为我将来阅读源码的过程中最大的武器。我相信阅读源码并从中提炼知识是最好的学习方式。 1. 模块化阅读，不能…

那个时候刚学react，不知道面试官说的元素是什么，现在知道了，就是虚拟dom嘛。。。 React 元素不是真实的 DOM 元素，它仅仅是 js 的普通对象（plain objects），所以也没办法直接调用 DOM 原生的 API。上面的 JSX 转译后的对象大概是这样的： …

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…