我想构建自己的React UI库，如何开始？

Question

我确实在我的项目中使用了一些组件，所以我认为构建自己的React UI库是一个好主意，但是如何？

我是否使用CRA创建SPA并开始编码和列出其中的组件？

Answer 1

使用CRA不会对您有帮助，因为您不会运行此项目。
创建组件库与创建任何其他npm包相同，唯一的区别是它应该导出组件而不是正常的函数/对象。
如果您需要更深入的解释，可以在线查阅大量指南。

Answer 2

是的，这是一种开始的方式。

但是，如果您要发布或组织它以更好地使用它，建议您使用 Storybook 作为您的开发环境，并使用 Jest + ESlint 。

有些类似React AZap的样板可以帮助您。

我将React AZap构建为易于使用的React UI lib样板。 它使用 Storybook 和故事来组织您的组件，它具有使用 Plop 的组件生成器，并通过 Jest + Enzime 进行测试>和具有 styled-components 的样式。

尝试一下，它可以节省您启动lib的时间；）

Answer 3

我建议您提供this guide a read，其中将详细介绍如何构造多包UI组件库。该代码也包括在内，因此您应该能够克隆到存储库并开始使用。

希望有帮助！