组件库的使用与自定义组件
相关概念：组件库具有一致性，讲究效率和功能的协同
平台事例：arco.design拥有一系列生态平台：设计资源库、图标平台等，围绕设计产出效率提升、协作效率提升、研发开发效率提升进行全面构建
组件库的使用：1、快速上手
2、主题模式
3、暗黑模式
4、国际化
5、业务常见问题
引入组件库：
1、同时安装react>=16.8和react-dom>=16.8
2、安装按需加载插件：babel-plugin-import(可以降低体积，如从3.12MB降低到123KB，避免未被使用的文件被打包到js文件里)
3、可通过CDN使用
开发阶段
主题定制（较为常用，是用户最直观的感受）：1、通过css进行样式覆盖
2、修改Less变量（在less文件里直接修改）
Arco Pro里有丰富的中后台页面可供使用，初始化流程：1、预装环境：> npm i -g arco-cli
2、项目初始化：> arco init hello-arco-pro
3、项目流程：> cd hello-arco-pro
> yarn dev
通过DesignLab改变主题样式很适合在多项目需要统一样式规范的时候引用，不用单独适配
亮暗色模式不同：整体颜色改变，页面原本的尺寸大小不变，但部分文字和组件颜色有所变化
处理：添加arco-theme=dark，读取暗色模式的css变量；移除arco-theme则可以读取亮色模式的css变量
特殊：局部应用暗色模式：本质为控制暗色颜色变量的挂载位置，提高我们所需要颜色变量的优先级
组件语言的国际化：一键语言改变(组件语言有很多内置好的语言)：直接通过ConfigProvider组件传入不同语言文件去修改Locale
组件视图的国际化：RTL视图适应从左往右阅读习惯或从右往左阅读习惯（中东地区适应从右到左）
通过学习可知，组件的相关自定义规则而言，通过组件的发展，大多数自建平台已建立丰富的主题样式，可以大大提高大量、统一项目组件的配置，减少单独组件设置的成本。
