开发一个 React 组件库的流程？

Question

我想知道开发一个 React 组件库的流程是是怎样的。
我看了一些开源的组件库但是有一些疑惑的地方。

关于测试，可以用一些测试框架测试组件的逻辑，但是组件呈现出来的样子是怎么测试的呢？我没有看到有哪个专门文件夹里面放着将组件呈现到网页上的东西，这里一般是怎么做的？

Answer 1

每个组件库都会有不同的做法，比如 ant-design，他们的组件都放在 components 目录下，然后每个组件目录里都会有个 markdown 文件来说明这个组件的使用方法和例子，这些 markdown 文件通过 bisheng 来生成网页把例子展示出来。

如果是自己公司内部要做组件库的话，推荐用 react-storybook，提供很方便的组件展示和文档功能。例子可以参考 react-dates。