高阶前端进阶必修,自主打造同比AntD的React组件库资源介绍:
思维高度决定了产出的上限,阿里P8专家剖析 AntD 的设计思路,带你从第一步构建组件库的优秀之本.React 组件化开发实操:从原子组件、复合组件到业务组件,利用 React、TypeScript、Storybook实现组件化开发优质实践.从一个高级前端开发的角度做一套类似 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 └── 资料代码/