乐趣区

关于前端: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。

悄悄的说一下我也是 v5 的贡献者,也是内部人员,前面会给大家带来更多的 antd mobile 的音讯,欢送关注、点赞。也欢送关注我的公众号「前端桃园」

退出移动版