01组件库介绍 组件：部件 元件 构件 组成 分枝 工业品组件： 具有标准接口和某种功能且可复用的标准零部件 组件库：一系列UI组件的合集
02组件库使用 引入组件库>npm i @arco-design/web-react
安装按需加载插件 babel-plugin-import > yarn add babel-plugin-import-D
主题定制 .通过css进行样式覆盖 .修改less变量
// 在less文件里修改
@import " @arco-des ign/web-react/dist/css/index.less' ; @arcoblue-6: #b52828;
有暗黑模式和国际化功能
03自定义组件
搭建业务组件库-单包架构 所有组件看成一个整体，一起发布
多包架构：arco官方物料库（一个代码仓库包含多个组件代码会发布出去多个npm包）
组件开发 好组件：高内聚，低耦合 通用性，易拓展
架构设计 根据实际业务场景选择合适的架构 技术方案：开发环境 样式方案 产物构建 质量保障
组件开发（项目组织） 1.语义化命名（避免与基础组件冲突） 2.包名和组件名一致（包含明确的使用场景信息） 3.单独维护类型文件（将需要对外导出的ts类型维护在单独的interface.ts中，并在index.ts中导出）
组件开发（组件设计） 1.接口定义（应继承原生DOM属性） 2.类名前缀统一（降低与用户类名冲突的可能性） 3.避免行内样式和css Modules(确保外部可通过类名进行样式覆盖) 4.避免在js中直接引入样式文件（避免由于构建环境的不同导致的用户编译失败的问题） 5.注意组件样式的按需加载
课后总结：组件库的搭建可以让我们更高效的沟通，更迅速地开发，更一致的体验 自定义组件的样式只对当前组件生效，不会影响到组件之外的UI结构。
