【開源資訊】Zarm 2.0 發佈,基於 React 的組件庫

【開源資訊】Zarm 2.0 發佈,基於 React 的組件庫

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

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

Zarm 是什麼

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

Zarm 的優勢

  • 組件多。Zarm 目前開源了 50 個組件,基本覆蓋常見的通用組件,並仍在持續更新迭代中。
【開源資訊】Zarm 2.0 發佈,基於 React 的組件庫

  • 規範多
  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 2.0 發佈,基於 React 的組件庫

Zarm 的未來

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

  • 桌面端組件庫 Zarm-Web。
  • hpaPaaS 無代碼建站平臺(名字暫時保密)。
  • ......

對不起,我們來晚了

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

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

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


分享到:


相關文章: