【開源】比antd-mobile體驗更佳的Zarm2.0來了，2020你別再錯過

​

​ 是的，你們可能很疑惑：「都2020年了，怎麼如今還發布組件庫呢？」...

​ 確實，對於前端組件庫的你們庭來講，咱們遲到了，但也請各位能夠抽出幾分鐘看看一位初來乍到的新人的自我介紹：

Zarm是什麼

​ ​ Zarm 是衆安科技基於 React、React-Native 研發的一款適用於企業級的移動端UI組件庫。(官網|github|演示地址 推薦在手機上瀏覽)

​ ​ Zarm 的取名，靈感來源於衆安保險秉承的理念：作有溫度的保險。Zarm = za + warm，za表明衆安，warm有「溫暖的」意思，以重合的a字母爲中心，各取左右兩部分。追求極致的用戶體驗，致力於作有溫度的組件庫也是zarm項目發起的初衷。

​ ​ Zarm的發展歷程：起初，zarm的前身還只是一個我的項目，2018年後慢慢在衆安健康險事業部推廣使用。2019年初，衆安宣佈直營產品品牌化的戰略方向 ，這意味着各大BU的產出頁面都有可能投放到直營渠道；爲了規範了衆安系產品基礎組件的視覺及交互，總體提高衆安系產品的用戶體驗，保障產品體驗的一致性，所以，在衆安技術委員會的發起下，Zarm項目誕生了；通過各個BU團隊優秀設計師們的努力下，數月後終於敲定了視覺和交互規範，Zarm的前端代碼的實現採起自由認領的方式，全公司活躍的前端er們迅速推動，最終趨於穩定，用於生產環境；爲了讓業務同窗和設計、前端的認知造成統一，Zarm造成Axure元件庫、項目模板規範等 幫助業務同窗快速完成高質量的產品原型；三者相輔相成，最終實現了下降整條工做鏈路上人力成本和溝通成本的目標。

​ ​ Zarm經歷了兩年多的業務沉澱，服務過十個事業部中近百項目，這使得咱們相信除了在衆安內部，zarm必定也有它的用武之地。

Zarm的優點

多

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

• 規範多：

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

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

  遵循嚴格的代碼規範，基於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組件庫的時機可能有些晚。可是咱們也是抱着後來者居上的決心，但願能在組件庫領域開闢一塊屬於Zarm的疆土。

​ ​ 在現在這個前端變化無窮的時代，你們也不妨在開發新項目時嘗試下新的組件庫，說不定比目前使用的好呢~

​ 最後，很是感謝你的閱讀，也很是歡迎有興趣的同窗加入咱們共建更好的Zarm！

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

以爲不錯請給Zarm一個star！

歡迎提出你的issue和PR!

掃描二維碼加入官方討論羣：