ProComponent 3.0 路线图

253 阅读2分钟

ProComponent 3.0 路线图

2023 年 02 月 发布 ProComponent 2.0 之后,我们一直在做着兼容 antd@4 和 antd@5 的工作,随着时间的推进,2022 年 11 月发布的 antd5 覆盖率已经超过了百分之 60,最近社区也做了一份文件调查,72% 的用户也已经升级到了 antd@5。ProComponent 也是时候轻装上阵去掉 antd@4 的支持来换取更小的包大小,更好的试用体验。

image.png

3.0 中我们主要会做的以下的一些非兼容性操作

  • 去除 antd@4 的兼容性
  • 优化包大小和性能

🗑 去除 antd@4 的兼容性

为了兼容 antd@4 我们增加了一些适应性的代码,例如

// 兼容性代码
import 'antd/lib/list/style';

这样的代码会导致在线上多导入一份 css,在 5.0 中我们可以去掉它,另外还有一系列的 compareVersions 代码,我们将会全部与最新的 antd5 进行兼容不再兼容旧版本 antd。 image.png

另外为了兼容我们无法试用 antd 的新特性 ,例如 ColorPicker 和 Flex 等组件,去除之后将会大大的减少包大小。

👜 优化包大小

由于 ProForm 的设计和 ValueType 的设计,我们默认绑定了一系列的组件进去,在引入一个组件的情况下就相当于引入了所有的组件,至少带来了 700k 的 gzip 大小。 image.png 3.0 我们会解决掉这个问题,完善 Tree Shaking 的问题。同时这样也能让性能提升不少。

📯 3.0 的规划

image.png

基于问卷的数据和投入资源的取舍,未来会优先考虑功能性,确保组件的功能齐全、易用性强。同时也会关注性能方面,确保组件库在运行时的效率和性能表现。最受欢迎的 Form 组件同时也是问题最多的组件,在包大小优化中我们会优先解决 ProForm 的问题,为了 Form 带来更多会更好的特性。 同时对于性能比较堪忧的 ProTable 我们也会 进行一些性能的优化,性能基本像 antd 看齐。

问卷数据如下:

ProComponents 新年调查(1-300).xlsx

如果你有任何其他的问题,欢迎在下方评论。