React+TypeScript高仿AntDesign开发企业级UI组件库

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

资源文件目录列表:/React+TypeScript高仿AntDesign开发企业级UI组件库 [5G]
├──第1章 课程导学(此章节必看) [108.7M]
│ ├──1-1导学(不看错过1个亿)(IT资源商城-www.itzysc.com).mp4 [85.2M]
│ └──1-2代码库使用注意事项(必看)(IT资源商城-www.itzysc.com).mp4 [23.6M]
├──第2章 欢迎来到类型的世界 – Typescript [627.4M]
│ ├──2-10类(Class)第二部分(IT资源商城-www.itzysc.com).mp4 [37.1M]
│ ├──2-11类和接口(IT资源商城-www.itzysc.com).mp4 [42.6M]
│ ├──2-12枚举(Enum)(IT资源商城-www.itzysc.com).mp4 [27.7M]
│ ├──2-13泛型(Generics)第一部分(IT资源商城-www.itzysc.com).mp4 [30.4M]
│ ├──2-14泛型(Generics)第二部分-约束泛型(IT资源商城-www.itzysc.com).mp4 [33.5M]
│ ├──2-15泛型(Generics)第三部分-类和接口(IT资源商城-www.itzysc.com).mp4 [67.4M]
│ ├──2-16类型别名和类型断言(IT资源商城-www.itzysc.com).mp4 [56.9M]
│ ├──2-17声明文件(IT资源商城-www.itzysc.com).mp4 [33.5M]
│ ├──2-1什么是Typescript(IT资源商城-www.itzysc.com).mp4 [36.9M]
│ ├──2-2为什么要使用Typescript(IT资源商城-www.itzysc.com).mp4 [9.2M]
│ ├──2-3安装和初试Typescript(IT资源商城-www.itzysc.com).mp4 [38.6M]
│ ├──2-4基础类型(IT资源商城-www.itzysc.com).mp4 [25.5M]
│ ├──2-5any类型和联合类型(IT资源商城-www.itzysc.com).mp4 [25M]
│ ├──2-6Array和Tuple(IT资源商城-www.itzysc.com).mp4 [33.6M]
│ ├──2-7interface初探(IT资源商城-www.itzysc.com).mp4 [21.1M]
│ ├──2-8函数和类型推断(IT资源商城-www.itzysc.com).mp4 [41.6M]
│ └──2-9类(Class)第一部分(IT资源商城-www.itzysc.com).mp4 [66.7M]
├──第3章 神奇的 React 配合 typescript,完美输出 [463.7M]
│ ├──3-10自定义Hook第二部分-HOC的劣势 (2).mp4 [30.1M]
│ ├──3-11自定义hook第三部分-正确的方式完成URLLoader (2).mp4 [35.3M]
│ ├──3-12useRef-state遇到的难题.mp4 [26.4M]
│ ├──3-13useRef-多次渲染之间的纽带(IT资源商城-www.itzysc.com).mp4 [38M]
│ ├──3-14useContext-解决多层传递属性的灵丹妙药(IT资源商城-www.itzysc.com).mp4 [64.4M]
│ ├──3-15hook规则和其他hook(IT资源商城-www.itzysc.com).mp4 [31.8M]
│ ├──3-1React简介和基础知识回顾(IT资源商城-www.itzysc.com).mp4 [87.4M]
│ ├──3-2配置react开发环境 (2).mp4 [22.1M]
│ ├──3-3第一个组件-ts为组件助力 (2).mp4 [17.3M]
│ ├──3-4什么是和为什么要使用ReactHook (2).mp4 [9.6M]
│ ├──3-5在函数组件使用state-useStateHook (2).mp4 [22.8M]
│ ├──3-6useEffect第一部分-初出茅庐 (2).mp4 [12.1M]
│ ├──3-7useEffect第二部分-有始有终 (2).mp4 [27M]
│ ├──3-8useEffect第三部分-控制运行 (2).mp4 [17.6M]
│ └──3-9自定义Hook-重构MouseTracker (2).mp4 [21.8M]
├──第4章 组件库起航 – 你真的能写的好看起来简单的 Button 组件吗? [487.3M]
│ ├──4-10升级Button组件样式(IT资源商城-www.itzysc.com).mp4 [66.8M]
│ ├──4-11精益求精-Buton组件编码第二部分(IT资源商城-www.itzysc.com).mp4 [44.9M]
│ ├──4-12完成Alert组件(IT资源商城-www.itzysc.com).pdf [55K]
│ ├──4-1组件库开始起航-需求分析(IT资源商城-www.itzysc.com).mp4 [20.4M]
│ ├──4-2文件结构和代码规范(IT资源商城-www.itzysc.com).mp4 [49.5M]
│ ├──4-3样式解决方案分析(IT资源商城-www.itzysc.com).mp4 [35.2M]
│ ├──4-4做一次设计师-添加自己的色彩体系(IT资源商城-www.itzysc.com).mp4 [45.3M]
│ ├──4-5更多样式变量-添加字体变量解决方案(IT资源商城-www.itzysc.com).mp4 [50.4M]
│ ├──4-6初次亮相-添加normalize.css(IT资源商城-www.itzysc.com).mp4 [43.4M]
│ ├──4-7Button组件需求分析(IT资源商城-www.itzysc.com).mp4 [8M]
│ ├──4-8小试牛刀-Button组件编码第一部分(IT资源商城-www.itzysc.com).mp4 [77.8M]
│ └──4-9添加Button基本样式(IT资源商城-www.itzysc.com).mp4 [45.6M]
├──第5章 组件测试 [222.8M]
│ ├──5-1为什么要有测试(IT资源商城-www.itzysc.com).mp4 [10.8M]
│ ├──5-2通用测试框架Jest出场(IT资源商城-www.itzysc.com).mp4 [51.3M]
│ ├──5-3React测试工具-react-testing-library(IT资源商城-www.itzysc.com).mp4 [46.9M]
│ ├──5-4添加Button测试代码第一部分(IT资源商城-www.itzysc.com).mp4 [57.5M]
│ ├──5-5添加Button测试代码第二部分.mp4 [56.4M]
│ └──5-6Alert组件添加测试用例(IT资源商城-www.itzysc.com).pdf [31.3K]
├──第6章 更上一层楼 – 完成 Menu 组件 [590.6M]
│ ├──6-10完美组件-SubMenu组件添加测试(IT资源商城-www.itzysc.com).mp4 [70.2M]
│ ├──6-11Tabs组件(IT资源商城-www.itzysc.com).pdf [91.3K]
│ ├──6-1Menu组件需求分析(IT资源商城-www.itzysc.com).mp4 [50.2M]
│ ├──6-2基础架构-Menu组件编码第一部分(IT资源商城-www.itzysc.com).mp4 [53.7M]
│ ├──6-3需求升级-Menu组件编码第二部分(IT资源商城-www.itzysc.com).mp4 [58.5M]
│ ├──6-4添加Menu样式(IT资源商城-www.itzysc.com).mp4 [56.6M]
│ ├──6-5测试驱动-Menu测试添加(IT资源商城-www.itzysc.com).mp4 [95.4M]
│ ├──6-6日趋完美-Menu组件编码第三部分(IT资源商城-www.itzysc.com).mp4 [50.5M]
│ ├──6-7功能继续升级-SubMenu下拉菜单编码第一部分(IT资源商城-www.itzysc.com).mp4 [59.7M]
│ ├──6-8添加交互-SubMenu下拉菜单编码第二部分(IT资源商城-www.itzysc.com).mp4 [46.2M]
│ └──6-9大功告成-SubMenu下拉菜单编码第三部分(IT资源商城-www.itzysc.com).mp4 [49.4M]
├──第7章 他山之石 – Icon 组件 和 Transition 组件-1 [401.5M]
│ ├──7-10完成的Icon和Transition组件.pdf [30.6K]
│ ├──7-1图标解决方案简介(IT资源商城-www.itzysc.com).mp4 [90.5M]
│ ├──7-2他山之石-Icon组件编码第一部分(IT资源商城-www.itzysc.com).mp4 [58M]
│ ├──7-3Icon组件样式添加 (2).mp4 [16.9M]
│ ├──7-4让图标动起来-动画效果第一种实现方法 (2).mp4 [30.2M]
│ ├──7-5ReactTransitionGroup简介(IT资源商城-www.itzysc.com).mp4 [40.6M]
│ ├──7-6ReactTransitionGroup实践-动画效果第二种实现方式.mp4 [35.5M]
│ ├──7-7尽善尽美-ReactTransitionGroup添加菜单消失的动画(IT资源商城-www.itzysc.com).mp4 [34M]
│ ├──7-8拿来主义-自定义Transition组件编码第一部分(IT资源商城-www.itzysc.com).mp4 [61.1M]
│ └──7-9拿来主义-自定义Transition组件编码第二部分(IT资源商城-www.itzysc.com).mp4 [34.6M]
├──第8章 Storybook – 本地调试组件和生成文档页面的利器 [319.9M]
│ ├──8-1 什么是 Storybook_(更多IT教程 微信352852792).mp4 [32.9M]
│ ├──8-10 完成的 storybook 的架构给剩下的组件添加 stories.pdf [29.1K]
│ ├──8-2 安装 Stroybook_(更多IT教程 微信352852792).mp4 [26.3M]
│ ├──8-3 Storybook 支持 Typescript_(更多IT教程 微信352852792).mp4 [36.8M]
│ ├──8-4 展示秀- 为 Button 添加 Story_(更多IT教程 微信352852792).mp4 [44.2M]
│ ├──8-5 如虎添翼 – Stroybook addon插件系统介绍_(更多IT教程 微信352852792).mp4 [35.7M]
│ ├──8-6 更多信息 – 添加 Storybook addon-info 插件_(更多IT教程 微信352852792).mp4 [43.7M]
│ ├──8-7 自动生成文档 – 添加 react-docgen-typescript 第一部分_(更多IT教程 微信352852792).mp4 [44.6M]
│ ├──8-8 自动生成文档 – 添加 react-docgen-typescript 第二部分_(更多IT教程 微信352852792).mp4 [25.8M]
│ └──8-9 大功告成 – Storybook 最终样式调整_(更多IT教程 微信352852792).mp4 [29.9M]
├──第9章 进入表单的世界 – Input 组件和 AutoComplete 组件 [500.5M]
│ ├──9-1 知己知彼 -Input 组件需求分析_(更多IT教程 微信352852792) (2).mp4 [10.8M]
│ ├──9-10 妙用 useRef – 实现 clickOutSide 功能-_(更多IT教程 微信352852792) (2).mp4 [50.4M]
│ ├──9-11 完美收尾 – AutoComplete 添加单元测试_(更多IT教程 微信352852792) (2).mp4 [71.6M]
│ ├──9-12 Select 组件_(更多IT教程 微信352852792).pdf [83.1K]
│ ├──9-2 抛砖引玉 – Input 组件伪代码实现_(更多IT教程 微信352852792) (2).mp4 [28.4M]
│ ├──9-3 持续优化 – Input组件代码实现和优化过程_(更多IT教程 微信352852792) (2).mp4 [59.2M]
│ ├──9-4 新的挑战 – AutoComplete组件分析_(更多IT教程 微信352852792) (2).mp4 [25M]
│ ├──9-5 基本骨架 – AutoComplete 编码第一部分_(更多IT教程 微信352852792) (2).mp4 [52.8M]
│ ├──9-6 AutoComplete 支持自定义模版_(更多IT教程 微信352852792) (2).mp4 [53.2M]
│ ├──9-7 异步来了 – AutoComplete 支持异步请求编码_(更多IT教程 微信352852792) (2).mp4 [50M]
│ ├──9-8 老瓶新酒 – 使用自定义Hook实现 函数防抖_(更多IT教程 微信352852792) (2).mp4 [53.1M]
│ └──9-9 AutoComplete 支持键盘事件_(更多IT教程 微信352852792) (2).mp4 [45.9M]
├──第10章 终极任务 – Upload 组件 [779.3M]
│ ├──10-1 最终任务 – Upload组件需求分析.mp4 [37.3M]
│ ├──10-10 精益求精 – 再次分析 Upload 组件更近一步需求.mp4 [46.2M]
│ ├──10-11 Upload 增强交互第一部分.mp4 [47.3M]
│ ├──10-12 拖动上传 – 支持 Drag and Drop.mp4 [54.1M]
│ ├──10-13 异步怎样测试 – Upload 测试第一部分.mp4 [67.3M]
│ ├──10-14 拖动事件怎样测试 – Upload 测试第二部分.mp4 [56M]
│ ├──10-2 下一代 HTTP 库 – axios.mp4 [30M]
│ ├──10-3 在线 mock server 和 axios 简单使用.mp4 [57.4M]
│ ├──10-4 上传文件的基本方式.mp4 [51.3M]
│ ├──10-5 完成基本流程 – Upload 组件编码第一部分.mp4 [68.5M]
│ ├──10-6 完善生命周期 – Upload 组件编码第二部分.mp4 [41.2M]
│ ├──10-7 创建列表数据 – UploadList 组件编码第一部分.mp4 [72.2M]
│ ├──10-8 显示上传数据 – UploadList 组件编码第二部分.mp4 [66.8M]
│ └──10-9 显示上传进度 – 添加 Progress 组件.mp4 [83.8M]
├──第11章 Javascript 模块打包 – 需要什么类型的模块供各种环境使用? [320.2M]
│ ├──11-1 Javascript模块化发展历史.mp4 [35.6M]
│ ├──11-2 webpack 到底完成什么任务 – bundler的神奇功效.mp4 [42.2M]
│ ├──11-3 怎样选择 Javascript 模块格式.mp4 [26.9M]
│ ├──11-4 创建组件库模块入口文件.mp4 [43.9M]
│ ├──11-5 驯服tsc – tsconfig 编写第一部分.mp4 [32.2M]
│ ├──11-6 驯服 tsc – tsconfig 编写第二部分.mp4 [34.4M]
│ ├──11-7 生成最终使用的样式文件.mp4 [35.5M]
│ ├──11-8 使用 npm link 本地测试组件库 第一部分.mp4 [45.5M]
│ └──11-9 使用 npm link 本地测试组件库 第二部分.mp4 [23.9M]
├──第12章 大功告成 – 发布到 Npm,以及添加 CICD 支持 [222.2M]
│ ├──12-1 Npm 简介 (2).mp4 [11M]
│ ├──12-2 发布组件库到 npm (2).mp4 [35.7M]
│ ├──12-3 瘦身任务 – 精简 package.json 依赖 (2).mp4 [33.4M]
│ ├──12-4 万无一失 – 添加发布和 commit 前检查 (2).mp4 [50.9M]
│ ├──12-5 使用 Storybook 生成静态文档页面 (2).mp4 [26.4M]
│ ├──12-6 CI CD 简介 (2).mp4 [8.1M]
│ ├──12-7 使用 travis 自动运行测试 (2).mp4 [33.8M]
│ └──12-8 使用 travis 自动发布文档页面 (2).mp4 [22.9M]
├──第13章 课程总结 [55M]
│ └──13-1 课程总结.mp4 [55M]
└──课程资料 [724.1K]
├──learn-typescript-master.zip [9.6K]
├──react-with-ts-master.zip [297.4K]
└──vikingship-master.zip [417.1K]

1. 本站提供的所有资源,都不包含技术服务请大家谅解!
2.如有链接无法下载、失效或广告,请联系管理员处理!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
5. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系itzysc8@gmail.com删除!
IT资源商城 » React+TypeScript高仿AntDesign开发企业级UI组件库

发表评论

资源单个购买不划算?开通超级会员即可免费下载哦~

立即开通超级会员