【九月打卡】第3天 2022升级 React18+TS高仿AntD从零到一打造组件库

课程名称：2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节： 第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？

主讲老师：张轩

课程内容：

今天学习的内容包括：

4-1 组件库开始起航 - 需求分析
4-2 文件结构和代码规范
4-3 样式解决方案分析

课程收获：

完成一个组件库需要考虑的问题

• 代码结构
• 样式解决方案
• 组件需求分析和编码
• 组件测试用例分析和编码
• 代码打包输出和发布
• CI/CD 文档生成
  心得： 化繁为简

让eslint验证除了javascript外的typescript的文件

给类添加样式比 inline css要好很多
css in js 也是一种方法，可以在项目中将css直接import引入， styled component下载量更多些
还有css的预处理器 less sass styuls

inline css 写成一个对象
css-in-js
styled component
sass/less

样式的解决结构：
functions.scss返回的css是动态的，比如根据font-size计算margin