Concis——一套react轻量组件库

前言 博主最近一年时间在工作业余都在写开源组件库 concis ，其中文档站点生成框架采取了 dumi，前几天不久dumi2.0正式发布，博主也是顺势而为直接把项目升级（dumi1 -> dumi2）

写在前面 博主最近半年的时间都在投入 concis react组件库的开发，最近阶段也是想要做一些市面组件库所没有的东西，concis 主要为业务平台开发提供了一系列组件，而埋点在业务中的实用性是很高

写在前面 看过博主最近半年文章的小伙伴都知道，博主都在投入于一个开源项目——concis react组件库。 这篇文章博主想从一个组件库项目的角度，谈一谈自己对于前端工程化的理解和实践。 早期前端与如

看过我最近的一些文章的小伙伴应该都知道，博主最近半年时间一直在写自己的React组件库Concis，其实这也是从造轮子 -> 学习的目的去做这件事的，博主很多时间的屏幕都是这样的： 或者是这样：

Concis是什么？ 首先，感谢大家的支持，让Concis突破了100star~也是有你们的不断支持，让博主在开源路上不断充能，持续前进。 对于不熟悉这个项目的小伙伴们做个简单的介绍，Concis是一

写在前面 自上文发布以来，作者收到了很多的私信，也很高兴。 组件库设计 | React组件库Concis开源探索过程中的一些心路历程 大致内容有都是对作者的鼓励，心中十分感激，同时Concis收到了很

React组件库Concis作者独立创作五个月以来的体会经验分享，以及对组件库的整体介绍，希望小伙伴可以多多支持。

React组件库Concis介绍，对组件库接下来的计划、未来的展望以及为什么要寻求队友做出依次介绍，感谢支持。

基于React组件库Concis中设计vscode插件实践，全方面讲解开发一个vscode插件的入门配置、项目搭建、打包发布全过程。

全局配置React项目中的一些状态值，全局配置项目主题色的大体意思其实和antd一样，可以通过一款色系来全局配置Concis中所有组件的主题色

最近一直在做的一件事，其实就是尝试做一款自己的React组件库，先看下组件库文档的页面吧~ 整个时间陆陆续续持续了大约两个月吧，npm目前周下载量也达到了600+，也是一种鼓励和支持。 接下来我来介绍

Divider 分割线 组件库文档图片如下： 封装代码如下： 组件库线上地址：https://fengxinhhh.github.io/React-View-UI-fs/#/view/divider

演示 提醒框是一个很常用的交互组件，效果如下： 触发某事件后出现提示信息达到反馈效果，与前文Message效果类似。 组件库文档 组件库文档页面如下： 文档中可以看到，组件封装中提供了不同位置、不同类

博主投入组件库自研工作已经有半年了，今天修改了线上文档的整体样式，一起来欣赏一下吧~~ 主页： 新增了指南菜单： 介绍页面： 快速开始页面： 项目中安装使用页面： 组件库地址 最后留一下组件库的地址，

前言 博主最近在做组件库封装开发的工作，Form表单比较复杂，包含非受控表单和受控表单，特此记录一下。 组件完成页面 封装好的Form表单涵盖了布局、非受控、受控、校验、重置等功能。 非受控表单 首先

(Concis组件库封装——Message 全局提示) 前言 React-View-UI已经更新了25个组件了，今天来写一下Message组件，这个组件目前还是很常用的，组件

组件介绍 Loading组件是日常开发用的很多的组件，这次封装主要包含两种状态的Loading，旋转、省略号，话不多说先看一下组件的文档页面吧： Loading API能力 组件一共提供了如下的API

列表组件的封装其实和Table有一定的相似，都是数据一列一列展示，因此列表组件也用到了懒加载和虚拟列表对大数据量时提供了解决方案。 组件库文档： List.tsx: Item.tsx: 最后留一下Re

徽标其实和上文的Avatar头像是配套的，通常徽标的需求都是在头像的基础上提供的，因此本文将介绍徽标组件的封装，徽标其实是一个展示类组件，并没有什么交互，因此这个组件实现起来比较简单~ 先看一下组件库

头像组件文档如下： 所提供的的API能力如下: 封装思路主要由Avatar和AvatarGroup两个组件完成，用户可以单Avatar来使用，当头像比较多可以采用AvatarGroup进行控制，因此还