antd mobile v5 它悄悄的来了

简介: antd mobile v5 它悄悄的来了

在 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。


相关文章
|
前端开发 JavaScript API
【React工作记录九十九】ant design mobile实现tab滚动效果和闪屏小记
【React工作记录九十九】ant design mobile实现tab滚动效果和闪屏小记
203 0
|
JavaScript 前端开发 API
#yyds干货盘点 ant design mobile实现tab滚动效果和闪屏小记
#yyds干货盘点 ant design mobile实现tab滚动效果和闪屏小记
188 0
|
前端开发
前端hook项目moblie总结笔记-ant design mobile Toast轻提示
前端hook项目moblie总结笔记-ant design mobile Toast轻提示
122 0
|
JavaScript 前端开发 API
揭秘 antd mobile “IndexBar” 的实现思路
揭秘 antd mobile “IndexBar” 的实现思路
184 0
揭秘 antd mobile “IndexBar” 的实现思路
|
JavaScript
「富文本」从 Quill 到 TinyMCE,我爱过恨过,也哭过笑过...
「富文本」从 Quill 到 TinyMCE,我爱过恨过,也哭过笑过...
1030 0
好客租房104-组件库antd-mobile
好客租房104-组件库antd-mobile
93 0
好客租房104-组件库antd-mobile
|
移动开发 关系型数据库 Android开发
魔法秀,让你的 H5 页面秒变 Hybrid APP(混合应用)
很多时候我们也想要有自己的移动端APP,怎奈还要兼容 iOS、Android 不同平台,开发成本太高,有没有什么捷径可走呢?
4216 0