React+TypeScript高仿AntDesign开发企业级UI组件库 / 慕课网 / 网盘下载

JDMa 2020年06月20日 75次浏览

用当下主流前端技术“造一次轮子”,解决初中级到高级前端的跃迁难题

课程介绍

同学们在学习了一门技术的基础知识后,怎样持续提升这门技术达到更高水平?怎样写出高质量符合大厂要求的代码?写什么样的项目才能提高实力和扩大影响力?本课程给出了答案:真实模拟大厂开发大型开源项目的流程,从零到一高仿 AntD 使用 Typescript 和 React 开发自己的组件库,在这其中穿插了一系列的知识点: 大型项目的样式组织,react 组件测试,react 动画实现。开发完毕还实现了模块化打包,代码发布再到 CI/CD 的全流程。

目录

├── 第10章 终极任务 - Upload 组件
│ ├── 10-1 最终任务 - Upload组件需求分析.mp4
│ ├── 10-10 精益求精 - 再次分析 Upload 组件更近一步需求.mp4
│ ├── 10-11 Upload 增强交互第一部分.mp4
│ ├── 10-12 拖动上传 - 支持 Drag and Drop.mp4
│ ├── 10-13 异步怎样测试 - Upload 测试第一部分.mp4
│ ├── 10-14 拖动事件怎样测试 - Upload 测试第二部分.mp4
│ ├── 10-2 下一代 HTTP 库 - axios.mp4
│ ├── 10-3 在线 mock server 和 axios 简单使用.mp4
│ ├── 10-4 上传文件的基本方式.mp4
│ ├── 10-5 完成基本流程 - Upload 组件编码第一部分.mp4
│ ├── 10-6 完善生命周期 - Upload 组件编码第二部分.mp4
│ ├── 10-7 创建列表数据 - UploadList 组件编码第一部分.mp4
│ ├── 10-8 显示上传数据 - UploadList 组件编码第二部分.mp4
│ └── 10-9 显示上传进度 - 添加 Progress 组件.mp4
├── 第11章 Javascript 模块打包 - 需要什么类型的模块供各种环境使用?
│ ├── 11-1 Javascript模块化发展历史.mp4
│ ├── 11-2 webpack 到底完成什么任务 - bundler的神奇功效.mp4
│ ├── 11-3 怎样选择 Javascript 模块格式.mp4
│ ├── 11-4 创建组件库模块入口文件.mp4
│ ├── 11-5 驯服tsc - tsconfig 编写第一部分.mp4
│ ├── 11-6 驯服 tsc - tsconfig 编写第二部分.mp4
│ ├── 11-7 生成最终使用的样式文件.mp4
│ ├── 11-8 使用 npm link 本地测试组件库 第一部分.mp4
│ └── 11-9 使用 npm link 本地测试组件库 第二部分.mp4
├── 第12章 大功告成 - 发布到 Npm,以及添加 CICD 支持
│ ├── 12-1 Npm 简介.mp4
│ ├── 12-2 发布组件库到 npm.mp4
│ ├── 12-3 瘦身任务 - 精简 package.json 依赖.mp4
│ ├── 12-4 万无一失 - 添加发布和 commit 前检查.mp4
│ ├── 12-5 使用 Storybook 生成静态文档页面.mp4
│ ├── 12-6 CI CD 简介.mp4
│ ├── 12-7 使用 travis 自动运行测试.mp4
│ └── 12-8 使用 travis 自动发布文档页面.mp4
├── 第13章 课程总结
│ └── 13-1 课程总结.mp4
├── 第1章 课程导学(此章节必看)
│ ├── 1-1导学(不看错过1个亿).mp4
│ └── 1-2代码库使用注意事项(必看).mp4
├── 第2章 欢迎来到类型的世界 - Typescript
│ ├── 2-10类(Class)第二部分.mp4
│ ├── 2-11类和接口.mp4
│ ├── 2-12枚举(Enum).mp4
│ ├── 2-13泛型(Generics)第一部分.mp4
│ ├── 2-14泛型(Generics)第二部分-约束泛型.mp4
│ ├── 2-15泛型(Generics)第三部分-类和接口.mp4
│ ├── 2-16类型别名和类型断言.mp4
│ ├── 2-17声明文件.mp4
│ ├── 2-1什么是Typescript.mp4
│ ├── 2-2为什么要使用Typescript.mp4
│ ├── 2-3安装和初试Typescript.mp4
│ ├── 2-4基础类型.mp4
│ ├── 2-5any类型和联合类型.mp4
│ ├── 2-6Array和Tuple.mp4
│ ├── 2-7interface初探.mp4
│ ├── 2-8函数和类型推断.mp4
│ └── 2-9类(Class)第一部分.mp4
├── 第3章 神奇的 React 配合 typescript,完美输出
│ ├── 3-10自定义Hook第二部分-HOC的劣势.mp4
│ ├── 3-11自定义hook第三部分-正确的方式完成URLLoader.mp4
│ ├── 3-13useRef-多次渲染之间的纽带.mp4
│ ├── 3-14useContext-解决多层传递属性的灵丹妙药.mp4
│ ├── 3-15hook规则和其他hook.mp4
│ ├── 3-1React简介和基础知识回顾.mp4
│ ├── 3-2配置react开发环境.mp4
│ ├── 3-3第一个组件-ts为组件助力.mp4
│ ├── 3-4什么是和为什么要使用ReactHook.mp4
│ ├── 3-5在函数组件使用state-useStateHook.mp4
│ ├── 3-6useEffect第一部分-初出茅庐.mp4
│ ├── 3-7useEffect第二部分-有始有终.mp4
│ ├── 3-8useEffect第三部分-控制运行.mp4
│ └── 3-9自定义Hook-重构MouseTracker.mp4
├── 第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗?
│ ├── 4-10升级Button组件样式.mp4
│ ├── 4-11精益求精-Buton组件编码第二部分.mp4
│ ├── 4-12完成Alert组件.pdf
│ ├── 4-1组件库开始起航-需求分析.mp4
│ ├── 4-2文件结构和代码规范.mp4
│ ├── 4-3样式解决方案分析.mp4
│ ├── 4-4做一次设计师-添加自己的色彩体系.mp4
│ ├── 4-5更多样式变量-添加字体变量解决方案.mp4
│ ├── 4-6初次亮相-添加normalize.css.mp4
│ ├── 4-7Button组件需求分析.mp4
│ ├── 4-8小试牛刀-Button组件编码第一部分.mp4
│ └── 4-9添加Button基本样式.mp4
├── 第5章 组件测试
│ ├── 5-1为什么要有测试.mp4
│ ├── 5-2通用测试框架Jest出场.mp4
│ ├── 5-3React测试工具-react-testing-library.mp4
│ ├── 5-4添加Button测试代码第一部分.mp4
│ └── 5-6Alert组件添加测试用例.pdf
├── 第6章 更上一层楼 - 完成 Menu 组件
│ ├── 6-10完美组件-SubMenu组件添加测试.mp4
│ ├── 6-11Tabs组件.pdf
│ ├── 6-1Menu组件需求分析.mp4
│ ├── 6-2基础架构-Menu组件编码第一部分.mp4
│ ├── 6-3需求升级-Menu组件编码第二部分.mp4
│ ├── 6-4添加Menu样式.mp4
│ ├── 6-5测试驱动-Menu测试添加.mp4
│ ├── 6-6日趋完美-Menu组件编码第三部分.mp4
│ ├── 6-7功能继续升级-SubMenu下拉菜单编码第一部分.mp4
│ ├── 6-8添加交互-SubMenu下拉菜单编码第二部分.mp4
│ └── 6-9大功告成-SubMenu下拉菜单编码第三部分.mp4
├── 第7章 他山之石 - Icon 组件 和 Transition 组件-1
│ ├── 7-10完成的Icon和Transition组件.pdf
│ ├── 7-1图标解决方案简介.mp4
│ ├── 7-2他山之石-Icon组件编码第一部分.mp4
│ ├── 7-3Icon组件样式添加.mp4
│ ├── 7-4让图标动起来-动画效果第一种实现方法.mp4
│ ├── 7-5ReactTransitionGroup简介.mp4
│ ├── 7-7尽善尽美-ReactTransitionGroup添加菜单消失的动画.mp4
│ ├── 7-8拿来主义-自定义Transition组件编码第一部分.mp4
│ └── 7-9拿来主义-自定义Transition组件编码第二部分.mp4
├── 第8章 Storybook - 本地调试组件和生成文档页面的利器
│ ├── 8-1 什么是 Storybook.mp4
│ ├── 8-10 完成的 storybook 的架构给剩下的组件添加 stories.pdf
│ ├── 8-2 安装 Stroybook.mp4
│ ├── 8-3 Storybook 支持 Typescript.mp4
│ ├── 8-4 展示秀- 为 Button 添加 Story.mp4
│ ├── 8-5 如虎添翼 - Stroybook addon插件系统介绍.mp4
│ ├── 8-6 更多信息 - 添加 Storybook addon-info 插件.mp4
│ ├── 8-7 自动生成文档 - 添加 react-docgen-typescript 第一部分.mp4
│ ├── 8-8 自动生成文档 - 添加 react-docgen-typescript 第二部分.mp4
│ └── 8-9 大功告成 - Storybook 最终样式调整.mp4
├── 第9章 进入表单的世界 - Input 组件和 AutoComplete 组件
│ ├── 9-1 知己知彼 -Input 组件需求分.mp4
│ ├── 9-10 妙用 useRef - 实现 clickOutSide 功能-.mp4
│ ├── 9-11 完美收尾 - AutoComplete 添加单元测试.mp4
│ ├── 9-12 Select 组件.pdf
│ ├── 9-2 抛砖引玉 - Input 组件伪代码实.mp4
│ ├── 9-3 持续优化 - Input组件代码实现和优化过程.mp4
│ ├── 9-4 新的挑战 - AutoComplete组件分析.mp4
│ ├── 9-5 基本骨架 - AutoComplete 编码第一部分.mp4
│ ├── 9-6 AutoComplete 支持自定义模版.mp4
│ ├── 9-7 异步来了 - AutoComplete 支持异步请求.mp4
│ ├── 9-8 老瓶新酒 - 使用自定义Hook实现 函数防抖.mp4
│ └── 9-9 AutoComplete 支持键盘事件.mp4
└── 课程资料
├── learn-typescript-master.zip
├── react-with-ts-master.zip
└── vikingship-master.zip

原课程地址

https://coding.imooc.com/class/428.html

文件信息

Total objects: 127
Total size: 5.007 GBytes (5376378085 Bytes)