React组件库Concis | 组件突破50+,移动端concis起步,新增英文文档,持续更新中...
Concis是什么?
首先,感谢大家的支持,concis
即将突破自己的 200star
,也是有你们的不断支持,让博主在开源路上不断充能,持续前进~
先丢两张concis
的组件图,由于个人开源项目,有广大小伙伴一起来书写代码,没有UI设计团队支持,可能看起来UI是弱点~因此如果有感兴趣的UI小伙伴欢迎联系加入我一起折腾,哈哈哈。
对于不熟悉这个项目的小伙伴们做个简单的介绍,Concis是一个基于React+TypeScript开发的一款轻量级组件库,全面拥抱React生态,支持React新特性(hooks/redux)追求轻量的组件体积,简单的使用方式,最小的思维负担。
作者需要您的 star
来支持,如果喜欢,也欢迎加入一起共建学习。
为什么要寻找队友?
通过github的commit记录可以知道,其实从Concis init commit到现在,只有博主一己之力在进行迭代开发,并且都是利用工作之外的时间去维护和开发这个仓库。其实目前Concis如下还有很多的地方可以完善,博主希望可以在社区中找到喜欢折腾喜欢钻研的朋友们一起开发,创造出一个生态、社区。
目前交流群已集结100名小伙伴一起维护开发Concis~
有什么区别?
这是一个很火的话题,concis
与其他组件库有什么区别?
区别很多,首先背景不同,大部分组件库背靠大厂,开源给各类公司使用。而本项目初衷是作者学习项目,深度汲取ant design
、arco design
的组件架构理念和优秀的源码,算是作者自己的一份作业,以学习为主。
但是作者最近有比较多的想法,最近在开展的一个点就是"不止于B端组件",简而言之就是未来的concis
希望有基础组件以外的同时可以有更多的类似国外风格的组件、图表组件(echarts),可以凸显出一些特色,同时目前concis
的产出包体积很小,大约只有2MB不到。
接下来的计划
目前组件库博主整理出了一些可以下手的点,如下:
- 组件数量偏少,预期扩展至60个,将会从社区小伙伴中采纳出实际业务开发中比较频繁的组件进行封装;
- 移动端系列组件,在源码packages目录中单独存放,更新缓慢,主要还是投入在PC上;
- Svelte组件库,
Svelte
是作者很喜欢的一个框架,同时生态欠缺,希望可以起步; - vscode智能提示支持以及一些Concis扩充出来的周边生态;
- 组件样式需要用户来提供意见,如果可以在自己的审美基础上进行修改,在git上提pr那更好不过了;
- 一些全局配置,如组件库整体色彩(目前正在进行)、国际化、编写单元测试等等;
- 一些新的想法、新的思路,可以在git issue提出来一起讨论进行的;
博主最近做的事
拓展独特性的组件
最近博主在探索一些除国内大街式常规组件以外的一些新鲜组件,在国外的官网中很容易找到一些好看的、有特色的组件,举个例子,最近做的Nav组件:
在concis中:
之前的博客中有小伙伴留言,ant
、element
背靠大厂,concis
有什么优势或者特点吗?博主觉得至少这一方面是可以去突破的一个点,国内主流组件库风格类似,确实没有一些新鲜感,如果有小伙伴有什么好看的、有意思的、常规的组件,欢迎评论区提供或者在github上提issue
,当然直接提pr
那更好不过啦~
当然,也被v2ex的大佬喷过,吐槽concis
看起来像是个缝合怪,微软风的Loading
、国产风的XXX
等等,其实也只是想把自己看到的、觉得有意思的带到concis
中,仅此而已。
更新英文文档
concis
英文文档已上线:
写在最后
其实博主之前也是一名github非活跃用户,自从有了写组件库的想法以后对开源的那种分享创作心情越来越狂热。
作为准校招上岸一年的小菜鸡,也是有了自己的"小绿墙",成就感满满。
希望社区的小伙伴有兴趣的可以通过github的issue给我留言,我会主动并积极联系。 如果觉得这个仓库还不错,可以给我一个star或是告诉自己的朋友,我需要它让更多人看见。虔诚做事,心怀感恩。谢谢各位。
无论是提bug还是想一起来开发的都可以联系博主,联系方式在文档首页底部。