【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

由于前阵子需要在开发 Picals 的时候，需要实现一些拖动排序的功能。虽然有原生的浏览器 dragger API，不过纯靠自己手写很难实现自己想要的效果，更多的是吃力不讨好，于是决定采用这个库实现。

React 图表库 React 图表库能够为开发人员提供功能强大的数据可视化工具，使创建交互式和具有视觉吸引力的图表变得更加容易，因此受到了广泛欢迎

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React 给开发者体验…

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

乾坤相较于single-spa，做了两件重要的事情，其一是加载资源，第二是对Js、CSS等资源进行隔离。本文主要探索乾坤Js资源的隔离机制

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

本专题将持续更新，集前端面试常见工程化高频知识点于一篇，各位同学可根据自己技术栈，进行选取学习。适合初次全面复习的同学，查缺补漏，知识面比较全

虚拟DOM 在 React 中有个正式的称呼——Fiber。在之后的学习中，我们会逐渐用`Fiber`来取代 React16虚拟DOM 这一称呼。