是的,大家可能很疑惑:“都 2020 年了,怎麼現在還發布組件庫呢?”
確實,對於前端組件庫的大家庭來說,我們遲到了,但也請各位可以抽出幾分鐘看看一位初來乍到的新人的自我介紹:
Zarm 是什麼
Zarm 是眾安科技基於 React、React-Native 研發的一款適用於企業級的移動端 UI 組件庫。
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 打造成體驗更好的基於 React、React-Native 的一款適用於企業級的移動端 UI 組件庫。
最後,非常感謝你的閱讀,也非常歡迎有興趣的同學加入我們共建更好的 Zarm!
Github 開源地址:https://github.com/ZhongAnTech/zarm
閱讀更多 IT實戰聯盟 的文章