【開源】基于Vue3的京東組件庫NutUI來了

關(guān)注公眾號(hào) 前端人，回復(fù)“加群”

添加無廣告優(yōu)質(zhì)學(xué)習(xí)群

京東零售開源項(xiàng)目 NutUI 是一套京東風(fēng)格的輕量級(jí)移動(dòng)端 Vue 組件庫，是開發(fā)和服務(wù)于移動(dòng) Web 界面的企業(yè)級(jí)產(chǎn)品。經(jīng)過長時(shí)間的開發(fā)與打磨，NutUI 3.0 終于要和大家見面了！3.0 版本在技術(shù)和視覺方面都做出了較大改進(jìn)，讓組件看起來更絢麗，用起來更舒服。

源碼搶先看：https://github.com/jdf2e/nutui

技術(shù)看點(diǎn)

1. 擁抱 Vue3

• 引入 Vue3 新特性 Composition API、Teleport、Emits 等

• 破壞性變更，全面升級(jí)

• 采用組合式 API Composition 語法重構(gòu)，結(jié)構(gòu)清晰，功能模塊化

• 組件 emits 事件單獨(dú)提取，增強(qiáng)代碼可讀性

• 使用 Teleport 新特性重構(gòu)掛載類組件

2. 構(gòu)建工具升級(jí)為 Vite2.x

棄用 webpack，引入下一代前端構(gòu)建工具 Vite。啟動(dòng)速度由原來 30s 提升到 500ms 左右，將大幅提升開發(fā)效率。

3. 全面使用 TypeScipt

NutUI 3.0 使用 TypeScript 作為主要開發(fā)語言，在前端應(yīng)用復(fù)雜度不斷飆升的大背景下，應(yīng)對(duì)組件不易維護(hù)且難于擴(kuò)展的問題。

視覺體驗(yàn)全面升級(jí)

NutUI 3.0 根據(jù)最新發(fā)布的 JD App9.0 規(guī)范，結(jié)合零售眾多的應(yīng)用場景，對(duì) NutUI 組件進(jìn)行重新整理和設(shè)計(jì)

• 減少冗余控件

• 幫助移動(dòng)端設(shè)計(jì)師快速復(fù)?基礎(chǔ)組件

• 建立通?的細(xì)節(jié)設(shè)計(jì)標(biāo)準(zhǔn)

• 提高界?的模塊化通用程度

• 建?設(shè)計(jì)與開發(fā)對(duì)接的基礎(chǔ)標(biāo)準(zhǔn)

• 提?產(chǎn)研輸出對(duì)接的效率，降低輸出工作量

• 基于京東設(shè)計(jì)語言體系，構(gòu)建場景

• 骨骼精細(xì)化重構(gòu)主流程，構(gòu)建“場景動(dòng)線”，讓體驗(yàn)更流暢

品質(zhì)服務(wù)

長期以來，團(tuán)隊(duì)的小伙伴都在盡心盡力地維護(hù)著 NutUI 2.0。在 3.0 版本發(fā)布后，我們依然會(huì)積極地維護(hù)與迭代，為有需要的同學(xué)提供技術(shù)支持，也會(huì)不定時(shí)地發(fā)布一些相關(guān)的文章幫助大家更好地理解與使用我們的組件庫。

發(fā)布時(shí)間：

NutUI 3.0 預(yù)計(jì)發(fā)布的時(shí)間是 2021-03-31 。敬請(qǐng)期待！

NutUI 2.0：[email protected]

來點(diǎn)個(gè) Star ?? 支持我們一下吧 ~：https://github.com/jdf2e/nutui