Zarm 2.0 发布,基于 React 的组件库
是的,大家可能很疑惑:“都 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业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
nginx搭建及加固
系统使用的是centos7 Nginx安装及配置 Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务 安装 我是用的环境是centos 7,系统默认的yum源没有nginx,找到一个使用nginx官方源地址 首先建立nginx的yum仓库,执行下面的命令 sudo rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm 可以看到已经添加上了nginx的源,下面就是下载安装了 下载安装命令也很简单 sudo yum install -y nginx 安装成功^_^ 查看官方安装文档(https://www.nginx.com/resources/wiki/start/topics/tutorials/install/)上的源不一样,不过都是一样的建立本地yum仓库 启动nginx服务 service nginx start 默认是80端口,但测试访问发现并不能进入欢迎页面,...
- 下一篇
React Suite 4.3.3 版本更新,React UI 库
React Suite 是一套 React 组件库,为后台产品而生,支持 Typescript,支持 RTL,支持服务端渲染。 文档:https://rsuitejs.com 设计:https://rsuitejs.com/design/default/ V4.3.3版本发布,更新内容如下: Bugfix: 修复了<InputNumber>在失去焦点时候,值未改变的情况下也触发了onChange事件。 (#923) Bugfix: 修复了<DateRangePicker>中错误的 typescript 类型定义。 (#916) Bugfix: 修复了<Table>错误的 typescript 类型定义,rowHeight应该是可选属性。 (#913) Improve: 更新<Badge>组件content属性的值可以设置为false。 (#915) Improve: 改进了Picker组件在搜索后,支持键盘Enter键直接选中第一个结果。 (#914)
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Docker安装Oracle12C,快速搭建Oracle学习环境
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS6,CentOS7官方镜像安装Oracle11G
- CentOS关闭SELinux安全模块
- CentOS7设置SWAP分区,小内存服务器的救世主
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- Windows10,CentOS7,CentOS8安装Nodejs环境