京东 Vue3 组件库闪亮登场

avatar
UX @京东

京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库,是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨,NutUI 3.0 终于要和大家见面了!3.0 版本在技术和视觉方面都做出了较大改进,让组件看起来更绚丽,用起来更舒服。

源码抢先看:github.com/jdf2e/nutui

技术看点:

1. 拥抱 Vue3

  • 引入 Vue3 新特性 Composition API、Teleport、Emits 等
  • 破坏性变更,全面升级
  • 采用组合式 API Composition 语法重构,结构清晰,功能模块化
  • 组件 emits 事件单独提取,增强代码可读性
  • 使用 Teleport 新特性重构挂载类组件

2. 构建工具升级为 Vite2.x

弃用 webpack,引入下一代前端构建工具 Vite。启动速度由原来 30s 提升到 500ms 左右,将大幅提升开发效率。

3. 全面使用 TypeScipt

NutUI 3.0 使用 TypeScript 作为主要开发语言,在前端应用复杂度不断飙升的大背景下,应对组件不易维护且难于扩展的问题。

视觉体验全面升级

NutUI 3.0 根据最新发布的 JD App9.0 规范,结合零售众多的应用场景,对 NutUI 组件进行重新整理和设计

  • 减少冗余控件
  • 帮助移动端设计师快速复⽤基础组件
  • 建立通⽤的细节设计标准
  • 提高界⾯的模块化通用程度
  • 建⽴设计与开发对接的基础标准
  • 提⾼产研输出对接的效率,降低输出工作量
  • 基于京东设计语言体系,构建场景
  • 骨骼精细化重构主流程,构建“场景动线”,让体验更流畅

品质服务

长期以来,团队的小伙伴都在尽心尽力地维护着 NutUI 2.0。在 3.0 版本发布后,我们依然会积极地维护与迭代,为有需要的同学提供技术支持,也会不定时地发布一些相关的文章帮助大家更好地理解与使用我们的组件库。

发布时间:

NutUI 3.0 预计发布的时间是 2021-03-31 。 敬请期待!

NutUI 2.0: nutui@jd.com

来点个 Star ❤️ 支持我们一下吧 ~