是的，你可能会疑惑：“都2020年了，为什么现在还发布组件库？”……的确，对于前端组件Ku大家族，我们来晚了，但请大家花几分钟看一下新人的自我介绍：什么是Zarm？Zarm是众安科技基于React和React-Native开发的一款产品。企业级移动端UI组件库。演示地址Zarm的命名灵感来源于众安保险所秉持的理念：做有温度的保险。Zarm=za+warm，za代表中安，warm是“温暖”的意思。它以重叠的字母a为中心，左右两部分。追求极致的用户体验，致力于打造有温度的组件库，也是zarm项目的初衷。Zarm的发展历程：起初，Zarm的前身只是一个个人项目。2018年后逐步在众安健康险事业部推广使用。2019年初，众安公布了品牌化直销产品的战略方向，这意味着各大BU的输出页面或将上线直销渠道；安防产品的用户体验保证了产品体验的一致性。在众安技术委员会的倡议下，Zarm项目诞生；在各BU团队优秀设计师的努力下，历时数月最终敲定视觉和交互规范，Zarm前端代码实现采用免费认领方式，全公司活跃前端人员快速推进，最终在生产环境中稳定使用；为了统一商科学生、设计和前端的认知，Zarm形成了Axure组件库、项目模板规范等，帮助商科学生快速完成高质量的产品原型；三者相辅相成，最终在整个工作环节上达到降低人工成本和沟通成本的目的。经过两年多的业务积累，Zarm已经服务了十个事业部的近百个项目，这让我们相信Zarm一定能帮助众安之外更多的开发者。Zarm的优点很多?组件多。Zarm目前有50个开源组件，基本涵盖了常见的常用组件，并且还在持续更新迭代中。?规格多：具有完整统一的设计规范。样式命名采用BEM规范，内部实现采用CssVariables+SCSSMixins，使得样式维护工作优雅简洁。遵循严格的代码规范，基于airbnb的lint包的eslint规则，以及基于stylelint的样式规范。快速?依赖少、体积小，对第三方库的依赖非常少。Gzip压缩后，所有组件的大小只有60kb左右。?支持按需加载，zarm默认支持基于ES模块的treeshaking。好?良好的扩展性，我们提供内置的基础组件，可以轻松实现基于已有组件的二次开发。比如我们的Popup组件是所有popup组件的基础。Modal、Toast、Loading、ActionSheet、Picker、Select等都是基于Popup组件实现的。再比如PickerView组件是滑动选择组件的基础，而Picker组件简单来说就是Popup和PickerView的组合。相信大家也可以在这些基础组件的基础上，开发出更丰富的业务组件~?Zarm也会密切关注官方的更新。在正式发布的版本中，我们去掉了React17中不再常用的生命周期，更新为最新的生命周期。?及时回应。目前，在内部开源的情况下，已经有近3000个commit。在及时响应问题的同时，我们也保持快速迭代。只要有问题，我们都会及时跟进，不会让问题就这么跑掉。?稳定性好，Zarm使用Jest+Enzyme进行单元测试。单元测试覆盖率超过80%，并持续攀升。酷?友好的typescript支持，现在是2020年，如果你不使用ts，世界末日真的要来了。?样式使用css变量，支持一键换肤，自定义换肤。Zarm的未来在不久的将来，我们将推出：?Zarm-Web，一个桌面组件库。?hpaPaaS是一个免代码建站平台（名字暂时保密）。......对不起，我们迟到了各个前端团队开发或使用第三方组件库的时代，我们将致力于让Zarm成为基于React和React-Native的更好体验的企业级移动UI组件库。最后，非常感谢您的阅读，也欢迎感兴趣的同学加入我们，共同打造更好的Zarm！Github开源地址https://github.com/ZhongAnTec...请给Zarm一个Star！欢迎提交你的问题和PR！长按二维码加入Zarm官方交流群
