本狗超级忙的

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

了解React的多少都见过这句话：React16之后，改用了Fiber 架构。那么，到底什么是Fiber架构？之前的架构是什么？为什么要使用Fiber架构代替之前的呢？ 其实关于Fiber架构的

在 React 应用中，"context" 是一种特殊的全局状态管理机制。它允许你在组件树中传递数据，而不需要手动逐层传递 props。Context为整个组件树提供数据，Context 会穿过中间的

最近用到了mapbox，虽然都是简单功能，但是好像国内用mapbox的并不多，再加上没有中文文档，一不小心就踩坑......

内容包含：React.createRef、useRef、React.forwardRef与useImperativeHandle

Webpack的分包机制主要是通过代码分割（code splitting）来实现，简单来说，就是将一个完整的代码，分布到不同的打包文件中。

Babel是一个 JavaScript 编译器，它是独立的，可以在webpack外使用。 Babel和Webpack各自负责不同的任务，它们可以可以协同工作来优化和构建现代JavaScript应用。

loader的功能定位是进行预处理转换代码，而另外一些操作需要依靠plugin来完成。plugin可以认为是注册事件的，上图的点是一些事件触发点，在这些节点可能会触发事件，plugin可以监听...

loader是用来预处理的，本文使用流程图分析loader的运行过程，并自定义简单的loader帮助理解该过程。