前端项目到了一定规模，基本都会沉淀自身组件库——组件库服务于整个团队，是所有项目的基座。如果能开发符合团队需求的组件库，那么你已经是团队的核心主力了。本课程由大厂前端专家授课，从一个高级前端开发的角度做一套类似 AntD 的组件库，在这个过程中讲透优秀组件库的搭建思路及实现方式，让你迅速具备搭建前端基础设施的重要能力。

课程目标

课程亮点

课程大纲

├── 第1章课程简介/
│ ├── [ 68M] 1-1课程导读.mp4
├── 第2章0-1搭建开发环境/
│ ├── [ 45M] 2-10-1搭建开发环境-工具安装.mp4
│ ├── [ 49M] 2-2初始化一个React项目.mp4
│ ├── [ 97M] 2-3徒手写一个button组件感受下.mp4
│ ├── [150M] 2-4组件开发-引入storybook.mp4
│ └── [ 131] README.md
├── 第3章热身：完整的写一个Button组件/
│ ├── [114M] 3-1如何完善组件单测.mp4
│ ├── [ 88M] 3-2使用sass写css.mp4
│ ├── [ 96M] 3-3完整开发一个Icon组件.mp4
│ ├── [108M] 3-4用copy的方式完成一个交互多一些的Tag组件开发(1).mp4
│ └── [ 55M] 3-5用copy的方式完成一个交互多一些的Tag组件开发(2)-.mp4
├── 第4章工欲善其事必先利其器：组件库的工程化/
│ ├── [ 57M] 4-1脚手架框架搭建.mp4
│ └── [113M] 4-2制作标准化组件模板.mp4
└── 第5章组件设计/
├── [ 55M] 5-10Input&_TextAreamaxLength-.mp4
├── [111M] 5-11TextArea支持自动高度-1.mp4
├── [ 97M] 5-12TextArea支持自动高度-2.mp4
├── [ 95M] 5-13TextArea自动高度的另外一种思路-影子组件.mp4
├── [ 39M] 5-14受控&_非受控单测编写.mp4
├── [144M] 5-15Avatar开发.mp4
├── [ 72M] 5-16Switch开发-1.mp4
├── [ 65M] 5-17Switch开发-2.mp4
├── [ 97M] 5-18affix开发-1.mp4
├── [ 85M] 5-19affix开发-2.mp4
├── [ 26M] 5-1组件基础理论.mp4
├── [ 48M] 5-20affix第二种实现方法和优化思路.mp4
├── [ 83M] 5-2组件开发Radio-点击事件.mp4
├── [107M] 5-3组件开发Radio-受控组件&_非受控组件.mp4
├── [ 88M] 5-4RadioGroup开发.mp4
├── [ 30M] 5-5RadioGroup开发-补充.mp4
├── [119M] 5-6checkbox&_checkboxgroup.mp4
├── [ 58M] 5-7Input组件开发-脚手架升级自动抓取css.mp4
├── [ 80M] 5-8Input组件受控功能演示.mp4
└── [ 50M] 5-9Input&_TextAreamaxLength-1.mp4
├── 第6章组件设计（Affix、progress、Menu）/
│ ├── [137M] 6-10Menu逻辑完善-高亮显示-1.mp4
│ ├── [ 77M] 6-11Menu逻辑完善-高亮显示-2.mp4
│ ├── [ 97M] 6-1固钉Affix组件开发-1.mp4
│ ├── [ 84M] 6-2固钉Affix组件开发-2.mp4
│ ├── [ 47M] 6-3固钉Affix组件，第二种实现方法和优化思路.mp4
│ ├── [144M] 6-4progress组件开发：用css3来开发进度条.mp4
│ ├── [108M] 6-5circle类型progress：用css3来开发圆形进度.mp4
│ ├── [ 82M] 6-6circle类型progress：用css3来开发圆形进度.mp4
│ ├── [174M] 6-7Menu组件开发：UI结构还原-1.mp4
│ └── [ 88M] 6-8Menu组件开发：UI结构还原-2.mp4
└── 第7章复杂组件设计-弹窗类/
├── [139M] 7-1实现一个基础弹窗.mp4
├── [142M] 7-2完善弹窗基础事件.mp4
├── [103M] 7-3实现Overlay相对目标元素的定位计算-1.mp4
├── [114M] 7-4实现Overlay相对目标元素的定位计算-2.mp4
├── [130M] 7-5实现Overlay通用位置计算算法-1.mp4
├── [120M] 7-6实现Overlay通用位置计算算法-2.mp4
│ ├── [ 85M] 7-7 快捷弹窗组件 Popup-1.mp4
│ ├── [128M] 7-8快捷弹窗组件Popup-2.mp4
│ └── [132M] 7-9Tooltip文字提示组件的开发-1.mp4
│ ├── [114M] 7-10Tooltip文字提示组件的开发-2.mp4
│ ├── [103M] 7-11弹窗超出可视区域的自动订正-1.mp4
│ ├── [102M] 7-12弹窗超出可视区域的自动订正-2.mp4
│ ├── [123M] 7-13Dropdown组件的开发-1.mp4
│ ├── [142M] 7-14Dropdown组件的开发-2.mp4
│ ├── [124M] 7-15Dropdown组件的开发-3.mp4
│ ├── [159M] 7-16Message组件开发-1.mp4
│ ├── [157M] 7-17Message组件开发-2.mp4
│ ├── [ 79M] 7-18Message组件开发-3.mp4
└──第8章复杂复合组件-表单/
├── [143M] 8-10编译StoryBook，排查编译中遇到的commonjs.mp4
├── [127M] 8-11babel编译src到es5.mp4
├── [178M] 8-1Form布局和数据获取-1.mp4
├── [177M] 8-2Form布局和数据获取-2.mp4
├── [175M] 8-3Form数据获取优化.mp4
├── [205M] 8-4Form表单校验.mp4
├── [ 75M] 8-5Form表单校验问题处理.mp4
├── [141M] 8-6Form使用现成的开源校验库.mp4
├── [122M] 8-7Form数据手动Reset和填充.mp4
├── [ 57M] 8-8FormReset的时候清空错误提示.mp4
└── [161M] 8-9Form通过api调用的方式提交、reset、fill数据.mp4
└── 资料代码/