react组件库搭建

随着前端技术的不断发展，表单解决方案也日趋成熟。今天我们探讨了表单发展历程中的四种处理方案（高阶组件、 发布订阅、 非受控组件、 响应式），并重点实现了基于发布-订阅模式的方案。

首先我们使用手动发布，尝试了整体 npm 包的发布流程，然后我们又通过腾讯 Coding 平台的自动化流水线， 实现每次发版 v 开头的标签时触发部署，然后发布最新的 npm 包。

在构建 Form 表单组件时发现其布局依赖于栅格系统。为此我们优先实现了 Grid 组件系统，该系统由 Row（行）和 Col（列）组件构成，通过 24 等分布局体系实现灵活的响应式布局能力。

本文分析了主流组件库Space组件的实现方式，并介绍了如何通过flex布局为子组件添加间距快速实现组件库中的Space组件。

上一篇文章中，通过状态合并，计算出input元素最终使用的value值, 来完成组件的受控与非受控模式的支持，今天这篇文章中主要实现控制value值的最大输入长度，以及对Input输入值的格式化处理。

之前的几篇文章中，逐步搭建了组件库整体工程化的结构。也实现了一些基础组件。今天要介绍的重点就是`Input`组件，以及`Arco`组件库和`rc-component`中是如何处理受控与非受控的状态。

使用组件库提供的Icon组件时，可能会好奇为什么每个图标都可以直接以其名称作为组件名来引入。实际上，组件库中确实是通过为每个图标声明了一个独立的React组件来实现的，但是这个过程并不是通过常规...

前言 书接上回，上次定义了组件库整体的色值和less变量， 本次聚焦于实现组件的样式与变体。在不同的状态下，为各种类型的按钮呈现出主色的不同色阶，从而实现丰富多样且一致性强的按钮样式。

横向对比的不同的样式方案，组件库样式开发范式，并且选择了less + 样式逻辑分离范式进行开发。最后补全了色值体系、全局CSS变量内容。

一个优秀的文档是一个开源库中很重要的一环，这一篇使用了rspress配置组件库文档，并且使用文档与组件引用分离的做法，来在文档中展示组件库的内容。

继上篇文章中搭建了项目规范的内容，这篇文章描述了如何配置开发环境、打包配置，并且通过一个最小demo测试组件库是否成功。

日常的使用中，往往更高关注组件库的api使用，并没有真正的去思考其背后的实现思路以及设计思想。 为了加强自己对前端工程化的了解，从0到1去实现一个组件库。