frontendMomo

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

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

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

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

揭开 Zustand 的设计奥秘，探索如何运用发布订阅模式和 useSyncExternalStore 实现高效的状态管理，提升应用性能与开发体验。

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

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

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

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