上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

我们常常写上ReactDOM.createRoot(root).render(<App />)，那么ReactDOM.createRoot(root)究竟做了什么，让我们来一探究竟

原理性的东西就会文字较多，请耐下心来，细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候，突然发现，咦，我明明对这个数据进行更改了，但是当我获取它的时候怎么是上一次的值

当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 1. 打包的主要流程 2. 打包过程的步骤 3. 实现打包的步骤 4. 代码

最近在项目中基本上全部使用了React Hooks,历史项目也用React Hooks重写了一遍，相比于Class组件，React Hooks的优点可以一句话来概括：就是简单，在React hooks中没有复杂的生命周期，没有类组件中复杂的this指向，没有类似于HOC,ren…

本例以element-ui@2.14.0作为参考，从一些常用的组件中根据其中涉及的Vue知识点为大家分析其在实际开发中的作用。 element-ui/lib存放webpack打包之后的文件。 element-ui/packages存放element-ui提供的所有组件。 src…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

async 函数是 Generator 函数的语法糖。使用 关键字 async 来表示，在函数内部使用 await 来表示异步。相较于 Generator，async 函数的改进在于下面四点： 内置执行器。Generator 函数的执行必须依靠执行器，而 async 函数自带执…

首先，我们先不纠结于源码细节。先用最简单的话来概括一下 React-router 到底做了什么？ 本质上， React-Router 就是在页面 URL 发生变化的时候，通过我们写的 path 去匹配