本课程通过TypeScript与React18结合，手把手教你从零构建高仿AntD的企业级UI组件库。课程内容涵盖组件设计、测试、打包、发布全流程，深入讲解Upload、Form、Input等核心组件的开发与优化。通过实战项目，你将掌握现代前端开发的核心技能，提升代码质量与开发效率，助力斩获大厂Offer。适合有一定前端基础，希望进阶企业级开发的开发者学习。
以下云资源目录树快照生成于[11个月前]，该学习资料由夸克云用户[心旷*怡的青蛙]分享（只展示大部分文件和目录）
TS+React18实战：从零打造企业级UI组件库，助力大厂Offer6.81 GB(mp4视频141节；pdf文档6个；)
课程资料
新版资料.exe938.42KB课程资料.exe829.21KB第9章 进入表单的世界 - Input 组件和 AutoComplete 组件
9-9 AutoComplete 支持键盘事件.mp447.72MB9-8 老瓶新酒 - 使用自定义Hook实现 函数防抖.mp452.28MB9-7 异步来了 - AutoComplete 支持异步请求编码.mp451.67MB9-6 AutoComplete 支持自定义模版.mp454.26MB9-5 基本骨架 - AutoComplete 编码第一部分.mp452.37MB9-4 新的挑战 - AutoComplete组件分析.mp424MB9-3 持续优化 - Input组件代码实现和优化过程.mp461.44MB9-2 抛砖引玉 - Input 组件伪代码实现.mp428.75MB
9-12 Select 组件.pdf83.06KB9-11 完美收尾 - AutoComplete 添加单元测试.mp469.53MB9-10 妙用 useRef - 实现 clickOutSide 功能.mp451.76MB9-1 知己知彼 -Input 组件需求分析.mp410.9MB第8章 Storybook - 本地调试组件和生成文档页面的利器
8-9 大功告成 - Storybook 最终样式调整.mp430.43MB8-8 自动生成文档 - 添加 react-docgen-typescript 第二部分.mp427.52MB8-7 自动生成文档 - 添加 react-docgen-typescript 第一部分.mp443.31MB8-6 更多信息 - 添加 Storybook addon-info.mp445.33MB8-5 如虎添翼 - Stroybook addon插件系统介绍.mp438.29MB8-4 展示秀- 为 Button 添加 Story.mp445.73MB8-3 Storybook 支持 Typescript.mp437.91MB8-2 安装 Stroybook.mp428.85MB8-10 完成的 storybook 的架构给剩下的组件添加 stories.pdf29.09KB8-1 什么是 Storybook.mp444.1MB第7章 他山之石 - Icon 组件 和 Transition 组件
7-9 拿来主义 - 自定义 Transition 组件编码第二部分.mp436.42MB7-8 拿来主义 - 自定义 Transition 组件编码第一部分.mp457.98MB7-7.mp433.19MB7-5 React Transition Group 简介.mp441.65MB7-4 让图标动起来 - 动画效果第一种实现方法.mp429.86MB7-3 Icon 组件样式添加.mp417.12MB7-2 他山之石 - Icon组件编码第一部分.mp454.95MB7-10 完成的 Icon 和 Transition 组件.pdf30.63KB7-1 图标解决方案简介.mp470.12MB第6章 更上一层楼 - 完成 Menu 组件
6-9 大功告成 - SubMenu 下拉菜单编码第三部分.mp451.93MB6-8 添加交互 - SubMenu下拉菜单编码第二部分.mp448.29MB6-7 功能继续升级 - SubMenu 下拉菜单编码第一部分.mp457.24MB6-6 日趋完美 - Menu 组件编码第三部分.mp449.84MB6-5 测试驱动 - Menu 测试添加.mp493.03MB6-4 添加 Menu 样式.mp455.49MB6-3 需求升级 - Menu 组件编码第二部分.mp459.06MB6-2 基础架构 - Menu组件编码第一部分.mp454.66MB6-11 Tabs 组件.pdf91.33KB6-10 完美组件 - SubMenu 组件添加测试.mp472.3MB6-1 Menu 组件需求分析.mp441.03MB第5章 组件测试
5-6 Alert 组件添加测试用例.pdf31.29KB5-4 添加Button 测试代码 第一部分.mp456.77MB5-3 React 测试工具 - react-testing-library.mp447.48MB5-2 通用测试框架 Jest 出场.mp449.94MB5-1 为什么要有测试.mp435.42MB第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？
4-9 添加 Button 基本样式.mp451.74MB4-8 小试牛刀 - Button 组件编码 第一部分.mp476.4MB4-7 Button 组件需求分析.mp431.21MB4-6 初次亮相 - 添加 normalize.css.mp445.98MB4-5 更多样式变量 - 添加字体变量解决方案.mp464.89MB4-4 做一次设计师 - 添加自己的色彩体系.mp444.31MB4-3 样式解决方案分析.mp448.41MB4-2 文件结构和代码规范.mp449.6MB4-12 完成 Alert 组件.pdf54.99KB4-11 精益求精 - Buton 组件编码第二部分.mp443.05MB4-10 升级 Button 组件样式.mp466.61MB4-1 组件库开始起航 - 需求分析.mp430.73MB第3章 神奇的 React 配合 typescript，完美输出
3-9 自定义 Hook - 重构 MouseTracker.mp418.59MB3-8 useEffect 第三部分 - 控制运行.mp417.94MB3-7 useEffect 第二部分 - 有始有终.mp424.2MB3-6 useEffect 第一部分 - 初出茅庐.mp49.96MB3-5 在函数组件使用 state - useState Hook.mp421.9MB3-4 什么是 和 为什么要使用 React Hook.mp49.52MB3-3 第一个组件 - ts为组件助力.mp417.19MB3-2 配置 react 开发环境.mp422.23MB3-15 hook 规则和其他 hook.mp435.32MB3-14 useContext - 解决多层传递属性的灵丹妙药.mp458.84MB3-13 useRef - 多次渲染之间的纽带.mp438.63MB3-11 自定义 hook 第三部分 - 正确的方式完成 URLLoader.mp434.41MB3-10 自定义 Hook 第二部分 - HOC的劣势.mp425.45MB3-1 React简介和基础知识回顾.mp486.84MB第2章 欢迎来到类型的世界 - Typescript
2-9 类（Class）第一部分.mp476.98MB2-8 函数和类型推断.mp444.89MB2-7 interface 初探.mp441.31MB2-6 Array 和 Tuple.mp433.29MB2-5 any 类型和联合类型.mp424.21MB2-4 基础类型.mp430.77MB2-3 安装和初试 Typescript.mp439.03MB2-2 为什么要使用 Typescript.mp424.57MB2-17 声明文件.mp432.74MB2-16 类型别名和类型断言.mp451.33MB2-15 泛型（Generics） 第三部分 - 类和接口.mp467.06MB2-14 泛型（Generics） 第二部分 - 约束泛型.mp434.1MB2-13 泛型（Generics） 第一部分.mp439.85MB2-12 枚举（Enum）.mp441.81MB2-11 类和接口.mp439.34MB2-10 类（Class）第二部分.mp435.44MB2-1 什么是 Typescript.mp435.1MB第1章 课程导学（此章节必看）
1-2 代码库使用注意事项（必看）.mp424.08MB1-1 导学（不看错过1个亿）.mp487.52MB[1.3]--1-32022年更新说明.mp422.29MB第15章课程总结
[15.1]--15-1课程总结.mp421.62MB第14章使用Rollup打包多种模块格式
[14.7]--14-7整合最终的打包配置文件.mp431.25MB[14.6]--14-6Rollup打包UMD格式第二部分.mp450.85MB[14.5]--14-5Rollup打包UMD格式第一部分.mp492.52MB[14.4]--14-4Rollup打包ES格式第二部分.mp4103.64MB[14.3]--14-3Rollup打包ES格式第一部分.mp470.12MB[14.2]--14-2Rollup插件的简单使用.mp486.96MB[14.1]--14-1Rollup简介.mp446.44MB第13章大功告成-发布到Npm，以及添加CICD支持
[13.8]--13-8使用travis自动发布文档页面.mp420.94MB[13.7]--13-7使用travis自动运行测试.mp429.14MB[13.6]--13-6CICD简介.mp48.9MB[13.5]--13-5使用Storybook生成静态文档页面.mp423.4MB[13.4]--13-4万无一失-添加发布和commit前检查.mp471.09MB[13.3]--13-3瘦身任务-精简package.json依赖.mp444.46MB[13.1]--13-1Npm简介.mp411.95MB第12章Javascript模块打包-需要什么类型的模块供各种环
[12.9]--12-9使用npmlink本地测试组件库第二部分.mp417.72MB[12.8]--12-8使用npmlink本地测试组件库第一部分.mp417.47MB[12.7]--12-7生成最终使用的样式文件.mp418.92MB[12.6]--12-6驯服tsc-tsconfig编写第二部分.mp432.81MB[12.5]--12-5驯服tsc-tsconfig编写第一部分.mp418.52MB[12.4]--12-4创建组件库模块入口文件.mp433.62MB[12.3]--12-3怎样选择Javascript模块格式？.mp422.89MB[12.2]--12-2webpack到底完成什么任务？-bundler的神奇功.mp416.42MB[12.1]--12-1Javascript模块化发展历史.mp413.6MB第11章终极大考-Form表单组件
[11.9]--11-9添加验证第一部分：单个Item验证.mp4130.24MB[11.8]--11-8更新值第三部分：完善默认值以及修改对应的类型.mp4153.51MB[11.7]--11-7更新值第二部分：自定义对应字段.mp4109.35MB[11.5]--11-5注册对应的Item到store.mp4106.9MB[11.4]--11-4初始化useStore.mp4132.39MB[11.3]--11-3分析数据交互的思路.mp489.54MB[11.2]--11-2创建基本的表单静态展示.mp4117.13MB[11.17]--11-17Form表单总结.mp434.82MB[11.16]--11-16添加组件实例方法第二部分.mp4121.74MB[11.15]--11-15添加组件实例方法第一部分.mp457.03MB[11.14]--11-14使用renderProps自定义展示.mp472.45MB[11.13]--11-13验证第五部分：表单整体验证第二部分.mp478.7MB[11.12]--11-12验证第四部分：表单整体验证.mp4137.14MB[11.11]--11-11验证第三部分：添加自定义规则.mp480.8MB[11.10]--11-10验证第二部分：展示错误信息.mp470.98MB[11.1]--11-1分析Form组件的需求.mp441.88MB第10章 终极任务 - Upload 组件
10-9 显示上传进度 - 添加 Progress 组件.mp471.3MB10-8 显示上传数据 - UploadList 组件编码第二部分.mp465.36MB10-7 创建列表数据 - UploadList 组件编码第一部分.mp471.55MB10-6 完善生命周期 - Upload 组件编码第二部分.mp442.13MB10-5 完成基本流程 - Upload 组件编码第一部分.mp470.04MB10-4 上传文件的基本方式.mp450.91MB10-3 在线 mock server 和 axios 简单使用.mp453.37MB10-2 下一代 HTTP 库 - axios.mp439.92MB10-14 拖动事件怎样测试 - Upload 测试第二部分.mp457.66MB10-13 异步怎样测试 - Upload 测试第一部分.mp466.24MB10-12 拖动上传 - 支持 Drag and Drop.mp453.38MB10-11 Upload 增强交互第一部分.mp446.81MB10-10 精益求精 - 再次分析 Upload 组件更近一步需求.mp445.65MB10-1 最终任务 - Upload组件需求分析.mp434.43MB
