Workflow
Ant Design X 2.0
icon
搜索文档
Ant Design 6.0 来了!这一次它终于想通了什么?
程序员的那些事· 2025-12-04 09:14
Ant Design 6.0 核心架构革新 - 公司对Ant Design 6.0进行了推倒重来式的革新,旨在撕掉笨重标签,向现代前端开发范式(如Tailwind、Headless)靠拢[2] - 公司决定彻底移除对IE浏览器的支持,并将React最低版本要求提升至React 18,以摆脱沉重的polyfill和hack代码负担[14][15] - 公司同步发布了Ant Design X 2.0,专门提供面向AI场景(如Chat界面、流式输出)的交互逻辑和UI组件,以适应前端战场向AI交互界面的转变[16] 性能与开发范式升级 - 公司默认采用纯CSS Variables模式并支持零运行时,利用浏览器原生支持CSS变量,消除了JS计算和插入样式带来的运行时性能损耗与样式插入延迟[3][4] - 性能得到显著提升,在Zero Runtime模式下性能表现最佳,同时有助于减少JS Bundle体积[4] - 主题切换(如暗色模式)现在仅需改变根节点的几个CSS变量值即可由浏览器瞬间完成渲染,无需JS重新计算Token[7] - 公司开启了React Compiler支持,并移除了对React 16/17的兼容代码,以拥抱React 19[8] 组件样式与定制能力增强 - 公司完成了所有组件的DOM语义化改造,引入了`classNames`和`styles`属性,允许开发者精准地将样式注入到组件内部结构,无需再编写高权重的CSS选择器进行覆盖[10][11] - 新特性使得开发者能够直接使用Tailwind CSS类名等现代工具来定制组件样式,极大提升了UI个性化能力[11][13] - 公司通过提供样式注入接口,改变了以往组件样式封闭、难以覆盖的局面,使其更接近Headless UI的灵活性[13] 版本升级与迁移策略 - 对于v5版本用户,官方承诺平滑迁移,无需codemod,直接升级即可立即获得性能提升和CSS变量的红利[17] - 对于v4版本用户,由于v6移除了v4的废弃API,此次升级成本较高,属于断崖式升级,建议先升级到v5过渡或在新项目中直接使用v6[17] - 对于仍需维护IE项目的团队,建议停留在v5版本,该版本已进入为期1年的维护周期[17]