歡迎您光臨本站 註冊首頁

Zarm 2.0 發布,基於 React 的組件庫

←手機掃碼閱讀     admin @ 2020-03-26 , reply:0

是的,大家可能很疑惑:「都 2020 年了,怎麼現在還發布組件庫呢?」

確實,對於前端組件庫的大家庭來說,我們遲到了,但也請各位可以抽出幾分鐘看看一位初來乍到的新人的自我介紹:

Zarm 是什麼

Zarm 是眾安科技基於 React、React-Native 研發的一款適用於企業級的移動端 UI 組件庫。

Zarm 的優勢

  • 組件多。Zarm 目前開源了 50 個組件,基本覆蓋常見的通用組件,並仍在持續更新迭代中。

  • 規範多

  1. 擁有完整統一的設計規範。

  2. 樣式命名採用了 BEM 的規範,內部實現使用了 Css Variables + SCSS Mixins,這使得樣式維護的工作變得優雅簡潔。

  3. 遵循嚴格的代碼規範,基於 airbnb 的 lint 封裝的 eslint 規則以及基於 stylelint 實現的樣式規範。

  • 依賴少體積小,極少的依賴三方庫,Gzip 壓縮后,全量組件只有 60kb 左右的大小。

  • 支持按需載入,zarm 默認支持基於 ES module 的 tree shaking。

  • 擴展性好,我們提供了內置的基礎組件,可以方便地基於現有組件實現二次開發。比如我們的 Popup 組件就是所有彈層類組件的基礎,Modal、Toast、Loading、ActionSheet、Picker、Select 等都是基於 Popup 組件實現。再比如 PickerView 組件就是滑動選擇類組件的基礎,而Picker組件就是簡單的將Popup和 PickerView 結合而成。相信你也可以基於這些基礎組件開發出更豐富的業務組件~

  • Zarm 也會密切關注官方的更新,在發布的正式版中,我們已去除在 React17 中不再常規使用的生命周期,更新為最新的生命周期。

  • 響應及時,目前在內部開源的情況下,已有接近 3000 次的 commit,在及時響應 issue 的同時,我們也保持著快速的迭代。只要有問題,我們一定及時跟進,不會讓問題石沉大海。

  • 穩定性好,Zarm 使用 Jest + Enzyme 做單元測試。單元測試覆蓋率超過 80%,並且在持續攀升中。

  • 友好的 typescript 支持,都 2020 年了,再不用 ts 的話世界末日真的就要來了。

  • 樣式使用 css 變數,支持一鍵換膚,自定義皮膚。

Zarm 的未來

在不久的未來,我們會推出:

  • 桌面端組件庫 Zarm-Web。

  • hpaPaaS 無代碼建站平台(名字暫時保密)。

  • ......

對不起,我們來晚了

在各個前端團隊或自己研發、或使用第三方組件庫的時代,我們將致力於把 Zarm 打造成體驗更好的基於 React、React-Native 的一款適用於企業級的移動端 UI 組件庫。

最後,非常感謝你的閱讀,也非常歡迎有興趣的同學加入我們共建更好的 Zarm!

Github 開源地址:https://github.com/ZhongAnTech/zarm


[admin ]

來源:OsChina
連結:https://www.oschina.net/news/114380/zarm-2-0-released
Zarm 2.0 發布,基於 React 的組件庫已經有30次圍觀

http://coctec.com/news/all/show-post-228322.html