京東 Vue3 元件庫閃亮登場

jdf2e發表於2021-03-03

京東零售開源專案 NutUI 是一套京東風格的輕量級移動端 Vue 元件庫,是開發和服務於移動 Web 介面的企業級產品。經過長時間的開發與打磨,NutUI 3.0 終於要和大家見面了!3.0 版本在技術和視覺方面都做出了較大改進,讓元件看起來更絢麗,用起來更舒服。

原始碼搶先看:https://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 ❤️ 支援我們一下吧 ~

相關文章