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。


相关文章
antd-procomponent中编辑表格动态数据设置的使用
antd-procomponent中编辑表格动态数据设置的使用
959 0
|
存储 JavaScript 前端开发
Vue3 详细教程及实例(完整版)
Vue3 详细教程及实例(完整版)
1262 0
|
存储 缓存 安全
API接口设计规范
这个是目前第三方数据接口交互过程中常用的一些参数与使用示例,希望对大家有点帮助。 当然如果为了保证更加的安全,可以加上RSA,RSA2,AES等等加密方式,保证了数据的更加的安全,但是唯一的缺点是加密与解密比较耗费CPU的资源.
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
1396 0
|
监控 安全 API
电商API行业标准与规范体系构建:推动电商行业规范化前行
电商API行业标准与规范是推动电商高效发展的核心。通过数据格式标准化、接口设计一致性及严格的安全措施,可提升数据交互效率、保障安全并促进系统兼容性。淘宝、京东、拼多多等平台的实践展示了其重要性。未来,智能化、隐私保护强化和跨平台集成将成为主要趋势,助力电商生态持续繁荣。
|
12月前
|
人工智能 自然语言处理 API
电商API技术文档编写规范白皮书:方法论与行业实践
本文系统阐述电商API接口文档的编写规范与最佳实践,涵盖结构设计、技术语言、开发者体验、版本控制及质量保障等方面,助力企业提升开发效率,构建开放共赢的电商生态。
|
应用服务中间件 开发工具 nginx
Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端
Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端 最近换了台新 Mac,所有的配置和软件就重新安装下,顺便写个文章。
2222 1
|
缓存 JSON 安全
Http自定义Header导致的跨域问题
在Web开发中,正确处理跨域问题是确保应用安全和性能的重要环节。通过在服务器端设置适当的CORS头信息,处理预检请求,并遵循最佳实践,可以有效解决自定义Header导致的跨域问题,提高应用的安全性和用户体验。理解并掌握这些技巧,对于构建高效、可靠的Web应用至关重要。
1165 11
Vue3开关(Switch)
这是一个可高度定制的开关组件,支持设置选中与未选中时的内容、值、大小、加载状态、禁用状态及点击波纹颜色等属性。组件提供了多种尺寸选择,并允许自定义图标与样式,适用于多种场景下的开关功能实现。[在线预览](https://themusecatcher.github.io/vue-amazing-ui/guide/components/switch.html)展示了其丰富的配置选项和实际效果。
498 4
Vue3开关(Switch)
|
机器学习/深度学习 人工智能 自然语言处理
【深度学习】python之人工智能应用篇--跨模态生成技术
跨模态生成技术是一种将不同模态的数据(如文本、图像、音频、视频等)进行融合和转换的技术。其目标是通过将一个模态的数据作为输入,生成与之对应的另一个模态的输出。这种技术对于突破单一模态的局限性,提高信息处理的准确性和丰富性具有重要意义。跨模态生成技术主要依赖于深度学习和生成模型,通过学习和模拟不同模态之间的映射关系来实现模态间的转换。
818 1