价格： 59 学币
本套课程来自某课网官网售价448元，由优库it资源网收集整理，提供完结无密版视频教程下载学习。本课程由某课网名师”张轩”为前端工程师倾力打造，是一门学习Typescript+React从零开发UI组件库的视频教程，本视频教程将带你高仿AntDesign组件库，从零到一打造个属于自己的组件库，通过本视频教程学习，你将具备开发企业级UI组件库的实战技巧，深入理解组件化思维，提升组件化开发项目经验与能力。本视频教程资源目录在底部。
相关视频教程推荐：React全家桶+AntD 共享单车后台管理系统开发
学员”两只流浪猫”：这是我买的第一个我觉得一定要来好评一下的课程，我买了几千块钱的课程，并不是别的老师都不好，而是有时候买下来发现课程讲的太深，代码逻辑复杂，不易懂，我买过一个课程，老师代码用函数式编程，但课程中并没有讲解函数式编程，我以前也没有用过，代码阅读特别吃力；有时候又觉得讲的太浅。找到一个完全适合自己，每一节课都有收获的课程真的很不容易！老师讲的非常清晰明白，干货满满，很多细节讲的很透彻，代码写的非常漂亮且清晰易懂，我太喜欢了。
.
├── 1-课程导学（此章节必看）/
│ ├── [ 42M] 1-1 导学（不看错过1个亿）
│ ├── [ 18M] 1-2 代码库使用注意事项（必看）
│ └── [ 13M] 1-3 2022年更新说明
├── 2-欢迎来到类型的世界 - Typescript/
│ ├── [ 13M] 2-1 什么是 Typescript
│ ├── [5.8M] 2-2 为什么要使用 Typescript
│ ├── [ 16M] 2-3 安装和初试 Typescript
│ ├── [ 13M] 2-4 基础类型
│ ├── [10.0M] 2-5 any 类型和联合类型
│ ├── [ 14M] 2-6 Array 和 Tuple
│ ├── [ 11M] 2-7 interface 初探
│ ├── [ 18M] 2-8 函数和类型推断
│ ├── [ 14M] 2-9 枚举（Enum）
│ ├── [ 17M] 2-10 泛型（Generics） 第一部分
│ ├── [ 14M] 2-11 泛型（Generics） 第二部分 - 约束泛型
│ ├── [ 32M] 2-12 泛型（Generics） 第三部分 - 类和接口
│ ├── [ 23M] 2-13 类型别名和类型断言
│ ├── [ 39M] 2-14 声明文件 第一部分
│ ├── [ 27M] 2-15 声明文件 第二部分
│ ├── [ 25M] 2-16 内置类型
│ └── [ 27M] 2-17 配置文件
├── 3-神奇的 React 配合 typescript，完美输出/
│ ├── [ 33M] 3-1 React简介和基础知识回顾
│ ├── [ 21M] 3-2 配置 react 开发环境
│ ├── [ 17M] 3-3 第一个组件 - ts为组件助力
│ ├── [8.5M] 3-4 什么是 和 为什么要使用 React Hook
│ ├── [ 23M] 3-5 在函数组件使用 state - useState Hook
│ ├── [ 12M] 3-6 useEffect 第一部分 - 初出茅庐
│ ├── [ 25M] 3-7 useEffect 第二部分 - 有始有终
│ ├── [ 19M] 3-8 useEffect 第三部分 - 控制运行
│ ├── [ 20M] 3-9 自定义 Hook - 重构 MouseTracker
│ ├── [ 25M] 3-10 自定义 Hook 第二部分 - HOC的劣势
│ ├── [ 32M] 3-11 自定义 hook 第三部分 - 正确的方式完成 URLLoader
│ ├── [ 11M] 3-12 useRef - state遇到的难题
│ ├── [ 26M] 3-13 useRef - 多次渲染之间的纽带
│ ├── [ 38M] 3-14 useContext - 解决多层传递属性的灵丹妙药
│ ├── [8.8M] 3-15 hook 规则和其他 hook
│ ├── [ 16M] 3-16 React18 更新总览
│ ├── [ 51M] 3-17 React18- createRoot 以及 自动批处理
│ ├── [ 21M] 3-18 Concurrent 并发的概念
│ ├── [ 61M] 3-19 TransitionAPI的用法
│ ├── [ 36M] 3-20 Suspense 的概念
│ └── [ 38M] 3-21 实践 Suspense
├── 4-组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？/
│ ├── [10.0M] 4-1 组件库开始起航 - 需求分析
│ ├── [ 24M] 4-2 文件结构和代码规范
│ ├── [ 15M] 4-3 样式解决方案分析
│ ├── [ 18M] 4-4 做一次设计师 - 添加自己的色彩体系
│ ├── [ 17M] 4-5 更多样式变量 - 添加字体变量解决方案
│ ├── [ 26M] 4-6 初次亮相 - 添加 normalize.css
│ ├── [5.2M] 4-7 Button 组件需求分析
│ ├── [ 43M] 4-8 小试牛刀 - Button 组件编码 第一部分
│ ├── [ 35M] 4-9 添加 Button 基本样式
│ ├── [ 43M] 4-10 升级 Button 组件样式
│ └── [ 36M] 4-11 精益求精 - Buton 组件编码第二部分
├── 5-组件测试/
│ ├── [7.8M] 5-1 为什么要有测试
│ ├── [ 31M] 5-2 通用测试框架 Jest 出场
│ ├── [ 27M] 5-3 React 测试工具 - react-testing-library
│ ├── [ 35M] 5-4 添加Button 测试代码 第一部分
│ └── [ 54M] 5-5 添加Button 测试代码 第二部分
├── 6-更上一层楼 - 完成 Menu 组件/
│ ├── [ 19M] 6-1 Menu 组件需求分析
│ ├── [ 35M] 6-2 基础架构 - Menu组件编码第一部分
│ ├── [ 48M] 6-3 需求升级 - Menu 组件编码第二部分
│ ├── [ 42M] 6-4 添加 Menu 样式
│ ├── [ 87M] 6-5 测试驱动 - Menu 测试添加
│ ├── [ 41M] 6-6 日趋完美 - Menu 组件编码第三部分
│ ├── [ 43M] 6-7 功能继续升级 - SubMenu 下拉菜单编码第一部分
│ ├── [ 43M] 6-8 添加交互 - SubMenu下拉菜单编码第二部分
│ ├── [ 49M] 6-9 大功告成 - SubMenu 下拉菜单编码第三部分
│ └── [ 67M] 6-10 完美组件 - SubMenu 组件添加测试
├── 7-他山之石 - Icon 组件 和 Transition 组件/
│ ├── [ 25M] 7-1 图标解决方案简介
│ ├── [ 44M] 7-2 他山之石 - Icon组件编码第一部分
│ ├── [ 16M] 7-3 Icon 组件样式添加
│ ├── [ 30M] 7-4 让图标动起来 - 动画效果第一种实现方法
│ ├── [ 24M] 7-5 React Transition Group 简介
│ ├── [ 20M] 7-6 React Transition Group 实践 - 动画效果第二种实现方式
│ ├── [ 19M] 7-7 尽善尽美 - React Transition Group 添加菜单消失的动画
│ ├── [ 33M] 7-8 拿来主义 - 自定义 Transition 组件编码第一部分
│ └── [ 28M] 7-9 拿来主义 - 自定义 Transition 组件编码第二部分
├── 8-Storybook - 本地调试组件和生成文档页面的利器/
│ ├── [ 23M] 8-1 什么是 Storybook
│ ├── [ 27M] 8-2 安装 Storybook
│ ├── [ 27M] 8-3 Storybook 创建第一个 story
│ ├── [ 32M] 8-4 storybook 中的 args 的概念
│ ├── [ 36M] 8-5 argTypes 的功能和用法
│ ├── [ 27M] 8-6 学习使用 parameter 修改插件的配置
│ ├── [ 32M] 8-7 注释生成文档以及Decorators
│ ├── [ 24M] 8-8 使用 MDX 书写 Story
│ └── [ 25M] 8-9 CSF 结合 MDX 完成终极目标
├── 9-进入表单的世界 - Input 组件和 AutoComplete 组件/
│ ├── [ 14M] 9-1 知己知彼 -Input 组件需求分析
│ ├── [ 27M] 9-2 抛砖引玉 - Input 组件伪代码实现
│ ├── [ 54M] 9-3 持续优化 - Input组件代码实现和优化过程
│ ├── [ 24M] 9-4 新的挑战 - AutoComplete组件分析
│ ├── [ 51M] 9-5 基本骨架 - AutoComplete 编码第一部分
│ ├── [ 53M] 9-6 AutoComplete 支持自定义模版
│ ├── [ 45M] 9-7 异步来了 - AutoComplete 支持异步请求编码
│ ├── [ 49M] 9-8 老瓶新酒 - 使用自定义Hook实现 函数防抖
│ ├── [ 46M] 9-9 AutoComplete 支持键盘事件
│ ├── [ 45M] 9-10 妙用 useRef - 实现 clickOutSide 功能-
│ └── [ 68M] 9-11 完美收尾 - AutoComplete 添加单元测试
├── 10-终极任务 - Upload 组件/
│ ├── [ 14M] 10-1 最终任务 - Upload组件需求分析
│ ├── [ 11M] 10-2 下一代 HTTP 库 - axios
│ ├── [ 29M] 10-3 在线 mock server 和 axios 简单使用
│ ├── [ 28M] 10-4 上传文件的基本方式
│ ├── [ 47M] 10-5 完成基本流程 - Upload 组件编码第一部分
│ ├── [ 35M] 10-6 完善生命周期 - Upload 组件编码第二部分
│ ├── [ 62M] 10-7 创建列表数据 - UploadList 组件编码第一部分
│ ├── [ 46M] 10-8 显示上传数据 - UploadList 组件编码第二部分
│ ├── [ 33M] 10-9 显示上传进度 - 添加 Progress 组件
│ ├── [ 15M] 10-10 精益求精 - 再次分析 Upload 组件更近一步需求
│ ├── [ 44M] 10-11 Upload 增强交互第一部分
│ ├── [ 38M] 10-12 拖动上传 - 支持 Drag and Drop
│ ├── [ 57M] 10-13 异步怎样测试？ - Upload 测试第一部分
│ └── [ 54M] 10-14 拖动事件怎样测试？ - Upload 测试第二部分
├── 11-终极大考 - Form 表单组件/
│ ├── [ 31M] 11-1 分析 Form 组件的需求
│ ├── [ 42M] 11-2 创建基本的表单静态展示
│ ├── [ 33M] 11-3 分析数据交互的思路
│ ├── [ 50M] 11-4 初始化 useStore
│ ├── [ 40M] 11-5 注册对应的 Item 到 store
│ ├── [ 66M] 11-6 使用黑科技自动更新 store 中的数据
│ ├── [ 44M] 11-7 更新值第二部分：自定义对应字段
│ ├── [ 53M] 11-8 更新值第三部分：完善默认值以及修改对应的类型
│ ├── [ 88M] 11-9 添加验证第一部分：单个 Item 验证
│ ├── [ 44M] 11-10 验证第二部分：展示错误信息
│ ├── [ 61M] 11-11 验证第三部分：添加自定义规则
│ ├── [ 91M] 11-12 验证第四部分：表单整体验证
│ ├── [ 49M] 11-13 验证第五部分：表单整体验证第二部分
│ ├── [ 41M] 11-14 使用 renderProps 自定义展示
│ ├── [ 34M] 11-15 添加组件实例方法第一部分
│ ├── [ 75M] 11-16 添加组件实例方法第二部分
│ └── [ 21M] 11-17 Form表单总结
├── 12-Javascript 模块打包 - 需要什么类型的模块供各种环境使用？/
│ ├── [ 16M] 12-1 Javascript模块化发展历史
│ ├── [ 15M] 12-2 webpack 到底完成什么任务？ - bundler的神奇功效
│ ├── [ 15M] 12-3 怎样选择 Javascript 模块格式？
│ ├── [ 24M] 12-4 创建组件库模块入口文件
│ ├── [ 18M] 12-5 驯服tsc - tsconfig 编写第一部分
│ ├── [ 29M] 12-6 驯服 tsc - tsconfig 编写第二部分
│ ├── [ 20M] 12-7 生成最终使用的样式文件
│ ├── [ 20M] 12-8 使用 npm link 本地测试组件库 第一部分
│ └── [ 20M] 12-9 使用 npm link 本地测试组件库 第二部分
├── 13-大功告成 - 发布到 Npm，以及添加 CI&CD 支持/
│ ├── [ 12M] 13-1 Npm 简介
│ ├── [ 32M] 13-2 发布组件库到 npm
│ ├── [ 30M] 13-3 瘦身任务 - 精简 package.json 依赖
│ ├── [ 44M] 13-4 万无一失 - 添加发布和 commit 前检查
│ ├── [ 24M] 13-5 使用 Storybook 生成静态文档页面
│ ├── [9.3M] 13-6 CI CD 简介
│ ├── [ 29M] 13-7 使用 travis 自动运行测试
│ └── [ 21M] 13-8 使用 travis 自动发布文档页面
├── 14-使用 Rollup 打包多种模块格式/
│ ├── [ 22M] 14-1 Rollup 简介
│ ├── [ 35M] 14-2 Rollup 插件的简单使用
│ ├── [ 27M] 14-3 Rollup 打包 ES 格式第一部分
│ ├── [ 36M] 14-4 Rollup 打包 ES 格式第二部分
│ ├── [ 59M] 14-5 Rollup 打包 UMD 格式第一部分
│ ├── [ 37M] 14-6 Rollup 打包 UMD 格式第二部分
│ └── [ 22M] 14-7 整合最终的打包配置文件
├── 15-课程总结/
│ └── [ 18M] 15-1 课程总结
