在 React 领域里,一直缺少一套靠谱、好用的移动端组件,蚂蚁的 antd mobile v2 年久失修,几乎无人维护,跟 antd 相差甚远,在设计上,也有很多也已经不再符合 Alipay Design。
激动人心的是,就在前两天,在 ant-design-mobile的 discussions 里面已经发布了 5.0(白杨)的 Roadmap。
8 月 26 号晚上宣布 v5 已经进入 beta。
5.0(白杨) Roadmap
5.0(白杨) 是我们最新在开发的下一代 antd-mobile 组件库,经过近 5 个月的开发,已经覆盖了 48 个组件,并已在许多项目中落地使用。
我们最近发布了 alpha 版本的 npm 包,也部署了新的文档站点。坦白地讲,antd mobile 5.0 还并不够成熟,但我们希望能够尽早地与社区的各位同学见面,也希望整个研发进程和规划尽可能地符合开源精神:透明、开放、合作。
为了帮助大家更好地了解 5.0 版本,这里简单分享一下我们的思路和方向。
5.0 会带来什么
视觉规范 和 v3 v4 版本一致,v5 也将沿用最新版本的支付宝基础设计规范 Alipay Design。
手势和动画 v5 使用了 use-gesture 作为手势库、react-spring 作为动画库,具有更流畅细腻的手势交互和动画效果。
重新设计的 API v5 所有的组件都是完全重写的,API 也是重新设计的,更现代化也更优雅。
拥抱 CSS 变量 CSS 变量提供了更加动态化的样式调整能力,也让组件的样式调整变得更加简洁优雅。在业务中对组件样式魔改是一件非常痛苦也非常难以维护的事情,我们希望通过 CSS 变量改变这一现状。
了解更多 如果你想了解如何使用,请识别下方二维码使用:
如果你想点点试试各种组件,请识别下方二维码体验:
此外,我们汇总了一些常见问题,可以识别下方二维码阅读:
发布计划
Alpha
我们在 7 月 12 日发布了第一个 alpha 版本,经过了一个多月的不断迭代,API 渐渐趋于稳定。
Beta
我们预计将在近期开始推送 beta 版本,相较于 alpha 版本,beta 版本 API 更加稳定也更加完善。
在这个阶段我们还会增加更多的新组件:
- Swiper
- ImageUpload
- Sidebar
- Calendar
- Stepper
- SegmentedControl
- Skeleton
- NumberKeyboard
- SwipeAction
- Navbar
补充组件库的整体能力:
- 支持国际化
- 暴露出更多的 css 变量
- 逐步完善自动化测试
- 增加英文文档
- 支持无障碍
RC
我们预计将在 10 月开始推送 rc 版本,在这期间我们将几乎不会再引入新的 break change。
Release
我们预计在 11 月正式发布 5.0 版本。
最后
最后让我们期待 11 月,antd mobile v5 的正式发布,另外如果你对 antd mobile v5 如果很有兴趣,欢迎去试用,然后参与 v5 的开发,欢迎提 PR。