前面两篇文章，我们实现了 vdom 的渲染和 jsx 的编译，实现了 function 和 class 组件，这篇来实现 patch 更新。 能够做 vdom 的渲染和更新，支持组件（props、st

上篇文章我们实现了 vdom 的渲染，这是前端框架的基础。但手写 vdom 太麻烦，我们又支持了 jsx，用它来写页面更简洁。 jsx 不是直接编译成 vdom 的，而是生成 render funct

作为前端工程师，前端框架几乎每天都要用到，需要好好掌握，而对某项技术的掌握程度可以根据是否能实现一个来判断。手写一个前端框架对更好的掌握它是很有帮助的事情。 现代前端框架经过多年的迭代都已经变得很复杂

React 16 之前和之后最大的区别就是 16 引入了 fiber，又基于 fiber 实现了 hooks。整天都提 fiber，那 fiber 到底是啥？它和 vdom 是什么关系？ 与其看各种解

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

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

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

一篇文章让你快速上手Mobx6 安装 第一步是先是安装npm包，分别需要安装两个包，第一个包是mobx（直接安装最新版本即可）,第二个包是mobx-react-lite（此包是用来关联React与mo