React组件库Concis | 组件突破50+,移动端concis起步,新增英语文档,持续更新中...

简介: 对于不熟悉这个项目的小伙伴们做个简单的介绍,Concis是一个基于React+TypeScript开发的一款轻量级组件库,全面拥抱React生态,支持React新特性(hooks/redux)追求轻量的组件体积,简单的使用方式,最小的思维负担。

您好,如果喜欢我的文章,可以关注我的公众号「量子前端」,将不定期关注推送前端好文~

Concis是什么?

首先,感谢大家的支持,让Concis突破了100star~也是有你们的不断支持,让博主在开源路上不断充能,持续前进。

image.png

对于不熟悉这个项目的小伙伴们做个简单的介绍,Concis是一个基于React+TypeScript开发的一款轻量级组件库,全面拥抱React生态,支持React新特性(hooks/redux)追求轻量的组件体积,简单的使用方式,最小的思维负担。

image.png

Github

官方文档

为什么要寻找队友?

通过github的commit记录可以知道,其实从Concis init commit到现在,只有博主一己之力在进行迭代开发,并且都是利用工作之外的时间去维护和开发这个仓库。其实目前Concis如下还有很多的地方可以完善,博主希望可以在社区中找到喜欢折腾喜欢钻研的朋友们一起开发,创造出一个生态、社区。

目前已经集结了十几名小伙伴一起维护开发Concis。

接下来的计划

目前组件库博主整理出了一些可以下手的点,如下:

  • 组件数量偏少,预期扩展至60个,方向偏国外站点新鲜组件;
  • 移动端系列组件;
  • Svelte组件库;
  • vscode智能提示支持以及一些Concis扩充出来的周边生态;
  • 组件样式需要用户来提供意见,如果可以在自己的审美基础上进行修改,在git上提pr那更好不过了;
  • 一些全局配置,如组件库整体色彩(目前正在进行)、国际化、编写单元测试等等;
  • 一些新的想法、新的思路,可以在git issue提出来一起讨论进行的;

博主最近做的事

拓展独特性的组件

最近博主在探索一些除国内大街式常规组件以外的一些新鲜组件,在国外的官网中很容易找到一些好看的、有特色的组件,举个例子,最近做的Nav组件:

来源 thingsboard(国外一个iot平台)

image.png

在concis中:

image.png

之前的博客中有小伙伴留言,antelement 背靠大厂,concis有什么优势或者特点吗?博主觉得至少这一方面是可以去突破的一个点,国内主流组件库风格类似,确实没有一些新鲜感,如果有小伙伴有什么好看的、有意思的、常规的组件,欢迎评论区提供或者在github上提issue,当然直接提pr 那更好不过啦~

更新英文文档

concis英文文档已上线:

image.png

image.png

写在最后

其实博主之前也是一名github非活跃用户,自从有了写组件库的想法以后对开源的那种分享创作心情越来越狂热。

希望社区的小伙伴有兴趣的可以通过githubissue给我留言,我会主动并积极联系。 如果觉得这个仓库还不错,可以给我一个star或是告诉自己的朋友,我需要它让更多人看见。虔诚做事,心怀感恩。谢谢各位。

无论是提bug还是想一起来开发的都可以联系博主:

image.png

目录
相关文章
|
6月前
|
前端开发 Android开发 iOS开发
移动端自适应解决方案vw(以react为例)
移动端自适应解决方案vw(以react为例)
141 0
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
121 0
|
1月前
|
前端开发 JavaScript API
React开发需要了解的10个库
本文首发于微信公众号“前端徐徐”,介绍了React及其常用库。React是由Meta开发的JavaScript库,用于构建动态用户界面,广泛应用于Facebook、Instagram等知名网站。文章详细讲解了Axios、Formik、React Helmet、React-Redux、React Router DOM、Dotenv、ESLint、Storybook、Framer Motion和React Bootstrap等库的使用方法和应用场景,帮助开发者提升开发效率和代码质量。
115 4
React开发需要了解的10个库
|
1月前
|
资源调度 前端开发 JavaScript
React中classnames库使用
【10月更文挑战第7天】
|
19天前
|
资源调度 前端开发 JavaScript
React 测试库 React Testing Library
【10月更文挑战第22天】本文介绍了 React Testing Library 的基本概念和使用方法,包括安装、基本用法、常见问题及解决方法。通过代码案例详细解释了如何测试 React 组件,帮助开发者提高应用质量和稳定性。
30 0
|
2月前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
54 10
React技术栈-react使用的Ajax请求库实战案例
|
2月前
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
33 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
3月前
|
存储 前端开发 JavaScript
|
4月前
|
存储 前端开发 JavaScript
前端框架与库 - React基础:组件、Props、State
【7月更文挑战第12天】React是JavaScript库,专注UI构建,基于组件化。组件是UI模块,可函数式或类定义。Props是组件间安全传递数据的只读参数,用defaultProps和propTypes保证正确性。State则是组件内部可变数据,用于驱动更新。使用setState()确保正确变更和渲染。了解并妥善处理这些概念是高效React开发的基础。
71 7
|
4月前
|
前端开发 JavaScript 开发者
前端框架与库 - React生命周期与Hooks
【7月更文挑战第13天】React 框架革新UI构建,引入Hooks简化组件状态管理和副作用处理。组件生命周期涉及挂载、更新、卸载,对应不同方法,如`componentDidMount`、`shouldComponentUpdate`等,但现在推荐使用`useState`和`useEffect` Hooks。`useEffect`处理副作用,需注意清理和依赖数组。避免问题的关键在于正确使用Hooks和理解其工作模式,以构建高效应用。
52 2