组件库介绍：
组件库是一种可以提高开发效率、降低开发成本、提高产品质量的工具。它是一套经过深度沉淀和迭代的可复用UI组件集合，可以帮助开发者快速搭建出高质量的界面。组件库一般包含丰富的预置组件，开发者可以根据需要进行选择和定制，通常它也包含有动画、交互、颜色、字体等基础配套资源。组件库可以被广泛地应用于各种项目，例如Web端、移动端、数据可视化等。
组件库的使用：
在使用组件库之前，需要先将组件库集成到项目中，一般有两种方式：
- 通过npm安装：在项目中使用npm包管理工具，通过npm安装组件库。在项目的代码中，导入所需要的组件，即可使用组件库中的UI组件。这种方式需要项目支持打包构建工具（如Webpack、Rollup、gulp等）打包构建。
- 通过CDN引入：直接在HTML文件中引入组件库的CDN链接，然后在JavaScript代码中使用组件库中的组件，即可使用组件库中的UI组件。这种方式简单易用，但依赖于网络环境。
组件库快速上手：
快速上手组件库需要了解组件库中的基本组件和使用方法。通常组件库会提供开发文档，其中包含各个组件的使用、配置或API文档。开发人员可以根据需求，选择对应的组件并使用。
暗黑模式：
随着暗黑模式的逐渐普及，越来越多的产品支持了暗黑模式。组件库作为基础UI工具库，同样需要支持暗黑模式。一般来说，组件库会提供一个主题配置文件，允许用户在配置文件中设置暗黑模式下的样式，以便自适应不同主题模式。
主题定制：
主题定制可以让用户根据自己的需求进行主题的自定义，从而让产品更符合用户的个性化需求。大部分组件库都会提供主题配置的功能，允许定制主题的字体、颜色、背景等，以适应各种不同的品牌需求。
国际化：
在开发多语言的产品时，国际化是必须考虑的问题。组件库通常也会提供国际化的功能，允许针对不同的国家和地区进行文字和视图的国际化。国际化的实现一般需要在组件库中提供多语言支持的相关API接口。
全局配置组件默认行为：
有些场景下，用户希望对组件库中的某些组件的默认行为进行自定义，比如输入框的默认值、文本框的展示行数等。为了增加开发效率和方案的可维护性，组件库一般都会对这些组件的默认行为进行全局配置。
常见业务问题：
组件库除了提供基础UI组件外，还需要考虑适应实际业务场景的需求。在开发组件库时，需要考虑常见的业务场景问题，比如表单、列表、弹窗等。在组件库中为这些问题提供对应的组件、API接口等。
自定义组件：
在实际项目开发中，也可能需要自定义组件，以适应具体的业务需求。组件库一般都会提供组件扩展机制，开发人员可以根据需要自定义组件，并将其添加到组件库中。
业务组件库基础搭建：
在搭建业务组件库时，需要考虑组件库的结构和设计。一般来说，业务组件库主要分为展示组件和容器组件两种，并需要考虑代码的可维护性和可扩展性。
业务组件开发 good vs bad：
在开发业务组件时，需注意以下几个方面：
- 多思考组件复用情形，尽量封装通用的组件。
- 最好采用 function component 的形式开发组件。
- 避免在业务组件内处理过多的业务逻辑，业务逻辑可以通过 props 或者 API 实现。
- 业务组件应该具有良好的 API 设计，使得使用组件的用户可以轻松理解和使用组件。
示例实践：
为了更好地理解和使用业务组件库，可以尝试使用已有的组件库，并自己开发一些业务组件，并将其添加到组件库中。
快速托管给出md笔记：
可以使用开源云服务，如GitHub、GitLab等，托管业务组件库的代码。将组件库代码提交至云端仓库，并通过云端服务提供的Markdown笔记功能记录代码、API等文档信息。这样能够方便共享和维护组件库。
