本文共 1685 字,大约阅读时间需要 5 分钟。
antd-mobile@1.0
发布已半年多, 历经 26
个版本迭代,解决并关闭了几百个 issue, 在阿里巴巴十八周岁生日这天,我们也很高兴的宣布:
更轻量,更易用,性能更好 的 正式开始 beta
阶段。
的用户可能深有体会,v1 出于移动业务的需求集成了高清方案,svg sprite 等高级特性,但强依赖构建配置的方式急剧提升了上手和使用复杂度。好消息是,经过整体重构,v2 已无需任何配置,效果如下:
// install depsnpm install antd-mobile@next// import component and style import { Button } from 'antd-mobile';import 'antd-mobile/dist/antd-mobile.css';// here you goReactDOM.render(, mountNode);
做了什么黑魔法呢 ?
svg-sprite-loadr
。webpack.resolve
配置。@hd
,以适用于不同适配方案。那 v2 是否支持业务自行添加缩放高清方案?1.x 的项目又是否能平滑迁移?
答案是 Yes
. 得益于 antd-mobile v2 渐进增强的哲学和实现方式。1.x
项目升级成本相当小,详见
版本 | antd-mobile.min.js 体积 | components 体积 / 占比 | node_modules 体积 / 占比 |
---|---|---|---|
1.6.5 | 568.4k | 142k / 24.9% | 426k / 74.9% |
2.0.0-alpha.13 | 467.4k | 136k / 29.0% | 331k / 70.8% |
v2 共 47+
组件,umd bundle 体积比 1.x 小了 101Kb
, 即总体积下降了 17.8%
?
更多详情请查看
呵呵,你们是不是精简了功能?
No. 所有的体积减少都来自于对底层依赖的全面重构和精简,包括但不限于重构去除了 moment.js 依赖,用自产的轻量级手势库 完全替换了 hamemr.js。
在 React 被应用到移动端之后,体积和性能一直是一个存在讨论的点,因此当社区出现 preact
这类体积更小,性能更佳的替代者,很多 C 端业务迫切想切换过来,so:
antd-mobile 作为基础 UI 组件库已经支持无缝迁移到 preact。
经过严密的测试,antd-mobile 自身已经根据 preact 进行了酌情的重构和兼容,至此我们的 已经全部运行在 之上 !
TabBar
, Tabs
, 更灵活功能更强大的 Api,如支持 sticky header 等。Grid
重构,支持高度自适应和固定正方形两种布局模式。Popup
组件废弃并收拢作为 Modal
的一种子模式,解决了 v1 困扰已久的 Popup 内容无法更新的问题。platform
api 切换为 android 设计风格。完整变更请看
感谢所有 contributor 和反馈问题的用户们,任何疑问和反馈请联系我们:
EOF.
转载地址:http://iyznl.baihongyu.com/