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中编辑表格动态数据设置的使用
973 0
|
存储 缓存 安全
API接口设计规范
这个是目前第三方数据接口交互过程中常用的一些参数与使用示例,希望对大家有点帮助。 当然如果为了保证更加的安全,可以加上RSA,RSA2,AES等等加密方式,保证了数据的更加的安全,但是唯一的缺点是加密与解密比较耗费CPU的资源.
|
监控 安全 API
电商API行业标准与规范体系构建:推动电商行业规范化前行
电商API行业标准与规范是推动电商高效发展的核心。通过数据格式标准化、接口设计一致性及严格的安全措施,可提升数据交互效率、保障安全并促进系统兼容性。淘宝、京东、拼多多等平台的实践展示了其重要性。未来,智能化、隐私保护强化和跨平台集成将成为主要趋势,助力电商生态持续繁荣。
|
人工智能 自然语言处理 API
电商API技术文档编写规范白皮书:方法论与行业实践
本文系统阐述电商API接口文档的编写规范与最佳实践,涵盖结构设计、技术语言、开发者体验、版本控制及质量保障等方面,助力企业提升开发效率,构建开放共赢的电商生态。
|
缓存 JSON 安全
Http自定义Header导致的跨域问题
在Web开发中,正确处理跨域问题是确保应用安全和性能的重要环节。通过在服务器端设置适当的CORS头信息,处理预检请求,并遵循最佳实践,可以有效解决自定义Header导致的跨域问题,提高应用的安全性和用户体验。理解并掌握这些技巧,对于构建高效、可靠的Web应用至关重要。
1190 11
|
存储 人工智能 vr&ar
【AI系统】CPU 基础
CPU,即中央处理器,是计算机的核心组件,负责执行指令和数据计算,协调计算机各部件运作。自1946年ENIAC问世以来,CPU经历了从弱小到强大的发展历程。本文将介绍CPU的基本概念、发展历史及内部结构,探讨世界首个CPU的诞生、冯·诺依曼架构的影响,以及现代CPU的组成与工作原理。从4004到酷睿i系列,Intel与AMD的竞争推动了CPU技术的飞速进步。CPU由算术逻辑单元、存储单元和控制单元三大部分组成,各司其职,共同完成指令的取指、解码、执行和写回过程。
1197 3
Vue3开关(Switch)
这是一个可高度定制的开关组件,支持设置选中与未选中时的内容、值、大小、加载状态、禁用状态及点击波纹颜色等属性。组件提供了多种尺寸选择,并允许自定义图标与样式,适用于多种场景下的开关功能实现。[在线预览](https://themusecatcher.github.io/vue-amazing-ui/guide/components/switch.html)展示了其丰富的配置选项和实际效果。
514 4
Vue3开关(Switch)
|
机器学习/深度学习 人工智能 自然语言处理
【深度学习】python之人工智能应用篇--跨模态生成技术
跨模态生成技术是一种将不同模态的数据(如文本、图像、音频、视频等)进行融合和转换的技术。其目标是通过将一个模态的数据作为输入,生成与之对应的另一个模态的输出。这种技术对于突破单一模态的局限性,提高信息处理的准确性和丰富性具有重要意义。跨模态生成技术主要依赖于深度学习和生成模型,通过学习和模拟不同模态之间的映射关系来实现模态间的转换。
853 1
|
缓存 监控 安全
Django框架在大型Web应用中的架构设计与实战
【5月更文挑战第18天】Django框架在构建大型Web应用中扮演重要角色,采用分层架构(数据、业务逻辑、表示层)和多应用组织模式,结合缓存策略(如Memcached、Redis)提升性能。通过异步处理、分布式部署提高响应速度和扩展性。关注数据分区、安全设计及监控日志,确保系统高效、稳定。Django为复杂业务提供坚实基础,助力打造卓越Web系统。
617 7
|
机器学习/深度学习 搜索推荐 数据可视化
机器学习中7种常用的线性降维技术总结
上篇文章中我们主要总结了非线性的降维技术,本文我们来总结一下常见的线性降维技术。
1238 6