(新升级)React18+TS高仿AntD从零到一打造组件库 | 完结
(新升级)React18+TS高仿AntD从零到一打造组件库 | 完结

从零到一高仿 AntD 使用 TypescriptReact 开发组件库,在这其中穿插了一系列的知识点: 大型项目的样式组织,react 组件测试,react 动画实现。开发完毕还实现了模块化打包,代码发布再到 CI/CD 的全流程。

Snipaste_20221227_184727.png

〖资源截图〗:

Snipaste_20221227_184447.png

〖资源目录〗:

  • ├──{1}–课程
  • | ├──{1}–第1章课程导学(此章节必看)
  • | | ├──[1.1]–1-1导学(不看错过1个亿).mp4 161.85M
  • | | ├──[1.2]–1-2代码库使用注意事项(必看).mp4 45.74M
  • | | └──[1.3]–1-32022年更新说明.mp4 53.26M
  • | ├──{2}–第2章欢迎来到类型的世界-Typescript
  • | | ├──[2.10]–2-10泛型(Generics)第一部分.mp4 62.70M
  • | | ├──[2.11]–2-11泛型(Generics)第二部分-约束泛型.mp4 60.83M
  • | | ├──[2.12]–2-12泛型(Generics)第三部分-类和接口.mp4 107.01M
  • | | ├──[2.13]–2-13类型别名和类型断言.mp4 101.94M
  • | | ├──[2.14]–2-14声明文件第一部分.mp4 126.02M
  • | | ├──[2.15]–2-15声明文件第二部分.mp4 65.85M
  • | | ├──[2.16]–2-16内置类型.mp4 48.61M
  • | | ├──[2.17]–2-17配置文件.mp4 62.18M
  • | | ├──[2.1]–2-1什么是Typescript.mp4 70.43M
  • | | ├──[2.2]–2-2为什么要使用Typescript.mp4 25.90M
  • | | ├──[2.3]–2-3安装和初试Typescript.mp4 40.98M
  • | | ├──[2.4]–2-4基础类型.mp4 32.34M
  • | | ├──[2.5]–2-5any类型和联合类型.mp4 25.42M
  • | | ├──[2.6]–2-6Array和Tuple.mp4 34.95M
  • | | ├──[2.7]–2-7interface初探.mp4 43.25M
  • | | ├──[2.8]–2-8函数和类型推断.mp4 47.13M
  • | | └──[2.9]–2-9枚举(Enum).mp4 43.86M
  • | ├──{3}–第3章神奇的React配合typescript,完美输出
  • | | ├──(3.1)–3-4关于React18FC升级后children属性.pdf 32.60kb
  • | | ├──[3.10]–3-11自定义Hook第二部分-HOC的劣势.mp4 150.33M
  • | | ├──[3.11]–3-12自定义hook第三部分-正确的方式完成URLLoader.mp4 43.74M
  • | | ├──[3.12]–3-13useRef-state遇到的难题.mp4 27.50M
  • | | ├──[3.13]–3-14useRef-多次渲染之间的纽带.mp4 40.62M
  • | | ├──[3.14]–3-15useContext-解决多层传递属性的灵丹妙药.mp4 61.75M
  • | | ├──[3.15]–3-16hook规则和其他hook.mp4 36.71M
  • | | ├──[3.16]–3-17React18更新总览.mp4 34.75M
  • | | ├──[3.17]–3-18React18-createRoot以及自动批处理.mp4 110.07M
  • | | ├──[3.18]–3-19Concurrent并发的概念.mp4 46.32M
  • | | ├──[3.19]–3-20TransitionAPI的用法.mp4 121.61M
  • | | ├──[3.1]–3-1React简介和基础知识回顾.mp4 186.65M
  • | | ├──[3.20]–3-21Suspense的概念.mp4 62.27M
  • | | ├──[3.21]–3-22实践Suspense.mp4 61.03M
  • | | ├──[3.2]–3-2配置react开发环境.mp4 84.67M
  • | | ├──[3.3]–3-3第一个组件-ts为组件助力.mp4 36.81M
  • | | ├──[3.4]–3-5什么是和为什么要使用ReactHook.mp4 83.77M
  • | | ├──[3.5]–3-6在函数组件使用state-useStateHook.mp4 61.34M
  • | | ├──[3.6]–3-7useEffect第一部分-初出茅庐.mp4 53.74M
  • | | ├──[3.7]–3-8useEffect第二部分-有始有终.mp4 135.59M
  • | | ├──[3.8]–3-9useEffect第三部分-控制运行.mp4 43.76M
  • | | └──[3.9]–3-10自定义Hook-重构MouseTracker.mp4 148.59M
  • | ├──{4}–第4章组件库起航-你真的能写的好看起来简单的Button组件吗?
  • | | ├──[4.10]–4-10升级Button组件样式.mp4 110.63M
  • | | ├──[4.11]–4-11精益求精-Buton组件编码第二部分.mp4 85.28M
  • | | ├──[4.1]–4-1组件库开始起航-需求分析.mp4 53.06M
  • | | ├──[4.2]–4-2文件结构和代码规范.mp4 94.60M
  • | | ├──[4.3]–4-3样式解决方案分析.mp4 116.78M
  • | | ├──[4.4]–4-4做一次设计师-添加自己的色彩体系.mp4 91.42M
  • | | ├──[4.5]–4-5更多样式变量-添加字体变量解决方案.mp4 178.66M
  • | | ├──[4.6]–4-6初次亮相-添加normalize.css.mp4 67.61M
  • | | ├──[4.7]–4-7Button组件需求分析.mp4 63.37M
  • | | ├──[4.8]–4-8小试牛刀-Button组件编码第一部分.mp4 139.70M
  • | | └──[4.9]–4-9添加Button基本样式.mp4 85.54M
  • | ├──{5}–第5章组件测试
  • | | ├──[5.1]–5-1为什么要有测试.mp4 74.05M
  • | | ├──[5.2]–5-2通用测试框架Jest出场.mp4 84.59M
  • | | ├──[5.3]–5-3React测试工具-react-testing-libra.mp4 84.00M
  • | | ├──[5.4]–5-4添加Button测试代码第一部分.mp4 93.43M
  • | | └──[5.5]–5-5添加Button测试代码第二部分.mp4 101.49M
  • | ├──{6}–第6章更上一层楼-完成Menu组件
  • | | ├──(6.1)–6-12Tabs组件.pdf 82.21kb
  • | | ├──[6.10]–6-10完美组件-SubMenu组件添加测试.mp4 120.69M
  • | | ├──[6.1]–6-1Menu组件需求分析.mp4 89.01M
  • | | ├──[6.2]–6-2基础架构-Menu组件编码第一部分.mp4 88.52M
  • | | ├──[6.3]–6-3需求升级-Menu组件编码第二部分.mp4 107.46M
  • | | ├──[6.4]–6-4添加Menu样式.mp4 97.55M
  • | | ├──[6.5]–6-5测试驱动-Menu测试添加.mp4 176.59M
  • | | ├──[6.6]–6-6日趋完美-Menu组件编码第三部分.mp4 100.69M
  • | | ├──[6.7]–6-7功能继续升级-SubMenu下拉菜单编码第一部分.mp4 115.52M
  • | | ├──[6.8]–6-8添加交互-SubMenu下拉菜单编码第二部分.mp4 84.85M
  • | | └──[6.9]–6-9大功告成-SubMenu下拉菜单编码第三部分.mp4 94.63M
  • | ├──{7}–第7章他山之石-Icon组件和Transition组件
  • | | ├──[7.1]–7-1图标解决方案简介.mp4 163.69M
  • | | ├──[7.2]–7-2他山之石-Icon组件编码第一部分.mp4 101.07M
  • | | ├──[7.3]–7-3Icon组件样式添加.mp4 55.44M
  • | | ├──[7.4]–7-4让图标动起来-动画效果第一种实现方法.mp4 90.85M
  • | | ├──[7.5]–7-5ReactTransitionGroup简介.mp4 72.18M
  • | | ├──[7.6]–7-6ReactTransitionGroup实践-动画效果第二.mp4 58.24M
  • | | ├──[7.7]–7-7尽善尽美-ReactTransitionGroup添加菜单.mp4 63.36M
  • | | ├──[7.8]–7-8拿来主义-自定义Transition组件编码第一部分.mp4 109.96M
  • | | └──[7.9]–7-9拿来主义-自定义Transition组件编码第二部分.mp4 65.64M
  • | ├──{8}–第8章Storybook-本地调试组件和生成文档页面的利器
  • | | ├──(8.1)–8-10完成的storybook的架构,给剩下的组件添加stor.pdf 18.91kb
  • | | ├──[8.1]–8-1什么是Storybook.mp4 76.89M
  • | | ├──[8.2]–8-2安装Storybook.mp4 62.97M
  • | | ├──[8.3]–8-3Storybook创建第一个story.mp4 94.68M
  • | | ├──[8.4]–8-4storybook中的args的概念.mp4 77.68M
  • | | ├──[8.5]–8-5argTypes的功能和用法.mp4 99.54M
  • | | ├──[8.6]–8-6学习使用parameter修改插件的配置.mp4 75.97M
  • | | ├──[8.7]–8-7注释生成文档以及Decorators.mp4 73.55M
  • | | ├──[8.8]–8-8使用MDX书写Story.mp4 82.05M
  • | | └──[8.9]–8-9CSF结合MDX完成终极目标.mp4 70.63M
  • | └──{9}–第9章进入表单的世界-Input组件和AutoComplete组
  • | | ├──[9.10]–9-10妙用useRef-实现clickOutSide功能-.mp4 94.53M
  • | | ├──[9.11]–9-11完美收尾-AutoComplete添加单元测试.mp4 163.83M
  • | | ├──[9.1]–9-1知己知彼-Input组件需求分析.mp4 64.12M
  • | | ├──[9.2]–9-2抛砖引玉-Input组件伪代码实现.mp4 91.41M
  • | | ├──[9.3]–9-3持续优化-Input组件代码实现和优化过程.mp4 106.98M
  • | | ├──[9.4]–9-4新的挑战-AutoComplete组件分析.mp4 156.14M
  • | | ├──[9.5]–9-5基本骨架-AutoComplete编码第一部分.mp4 142.31M
  • | | ├──[9.6]–9-6AutoComplete支持自定义模版.mp4 101.83M
  • | | ├──[9.7]–9-7异步来了-AutoComplete支持异步请求编码.mp4 80.59M
  • | | ├──[9.8]–9-8老瓶新酒-使用自定义Hook实现函数防抖.mp4 113.74M
  • | | └──[9.9]–9-9AutoComplete支持键盘事件.mp4 85.15M
  • | ├──{10}–第10章终极任务-Upload组件
  • | | ├──(10.1)–10-15dragAndDrop测试升级.pdf 32.28kb
  • | | ├──[10.10]–10-10精益求精-再次分析Upload组件更近一步需求.mp4 100.43M
  • | | ├──[10.11]–10-11Upload增强交互第一部分.mp4 85.58M
  • | | ├──[10.12]–10-12拖动上传-支持DragandDrop.mp4 87.87M
  • | | ├──[10.13]–10-13异步怎样测试?-Upload测试第一部分.mp4 124.34M
  • | | ├──[10.14]–10-14拖动事件怎样测试?-Upload测试第二部分.mp4 89.71M
  • | | ├──[10.1]–10-1最终任务-Upload组件需求分析.mp4 67.13M
  • | | ├──[10.2]–10-2下一代HTTP库-axios.mp4 99.72M
  • | | ├──[10.3]–10-3在线mockserver和axios简单使用.mp4 103.79M
  • | | ├──[10.4]–10-4上传文件的基本方式.mp4 94.19M
  • | | ├──[10.5]–10-5完成基本流程-Upload组件编码第一部分.mp4 124.02M
  • | | ├──[10.6]–10-6完善生命周期-Upload组件编码第二部分.mp4 73.35M
  • | | ├──[10.7]–10-7创建列表数据-UploadList组件编码第一部分.mp4 135.57M
  • | | ├──[10.8]–10-8显示上传数据-UploadList组件编码第二部分.mp4 125.86M
  • | | └──[10.9]–10-9显示上传进度-添加Progress组件.mp4 158.81M
  • | ├──{11}–第11章终极大考-Form表单组件
  • | | ├──[11.10]–11-10验证第二部分:展示错误信息.mp4 59.68M
  • | | ├──[11.11]–11-11验证第三部分:添加自定义规则.mp4 71.72M
  • | | ├──[11.12]–11-12验证第四部分:表单整体验证.mp4 101.01M
  • | | ├──[11.13]–11-13验证第五部分:表单整体验证第二部分.mp4 56.95M
  • | | ├──[11.14]–11-14使用renderProps自定义展示.mp4 45.59M
  • | | ├──[11.15]–11-15添加组件实例方法第一部分.mp4 38.00M
  • | | ├──[11.16]–11-16添加组件实例方法第二部分.mp4 82.51M
  • | | ├──[11.17]–11-17Form表单总结.mp4 27.87M
  • | | ├──[11.1]–11-1分析Form组件的需求.mp4 55.13M
  • | | ├──[11.2]–11-2创建基本的表单静态展示.mp4 119.41M
  • | | ├──[11.3]–11-3分析数据交互的思路.mp4 90.41M
  • | | ├──[11.4]–11-4初始化useStore.mp4 124.10M
  • | | ├──[11.5]–11-5注册对应的Item到store.mp4 95.29M
  • | | ├──[11.6]–11-6使用黑科技自动更新store中的数据.mp4 122.69M
  • | | ├──[11.7]–11-7更新值第二部分:自定义对应字段.mp4 112.14M
  • | | ├──[11.8]–11-8更新值第三部分:完善默认值以及修改对应的类型.mp4 105.58M
  • | | └──[11.9]–11-9添加验证第一部分:单个Item验证.mp4 98.26M
  • | ├──{12}–第12章Javascript模块打包-需要什么类型的模块供各种环
  • | | ├──[12.1]–12-1Javascript模块化发展历史.mp4 108.72M
  • | | ├──[12.2]–12-2webpack到底完成什么任务?-bundler的神奇功.mp4 64.77M
  • | | ├──[12.3]–12-3怎样选择Javascript模块格式?.mp4 56.14M
  • | | ├──[12.4]–12-4创建组件库模块入口文件.mp4 74.45M
  • | | ├──[12.5]–12-5驯服tsc-tsconfig编写第一部分.mp4 43.78M
  • | | ├──[12.6]–12-6驯服tsc-tsconfig编写第二部分.mp4 36.03M
  • | | ├──[12.7]–12-7生成最终使用的样式文件.mp4 35.18M
  • | | ├──[12.8]–12-8使用npmlink本地测试组件库第一部分.mp4 39.73M
  • | | └──[12.9]–12-9使用npmlink本地测试组件库第二部分.mp4 27.01M
  • | ├──{13}–第13章大功告成-发布到Npm,以及添加CICD支持
  • | | ├──[13.1]–13-1Npm简介.mp4 93.78M
  • | | ├──[13.3]–13-3瘦身任务-精简package.json依赖.mp4 68.27M
  • | | ├──[13.4]–13-4万无一失-添加发布和commit前检查.mp4 86.49M
  • | | ├──[13.5]–13-5使用Storybook生成静态文档页面.mp4 44.08M
  • | | ├──[13.6]–13-6CICD简介.mp4 24.63M
  • | | ├──[13.7]–13-7使用travis自动运行测试.mp4 45.91M
  • | | └──[13.8]–13-8使用travis自动发布文档页面.mp4 35.18M
  • | ├──{14}–第14章使用Rollup打包多种模块格式
  • | | ├──[14.1]–14-1Rollup简介.mp4 86.63M
  • | | ├──[14.2]–14-2Rollup插件的简单使用.mp4 93.77M
  • | | ├──[14.3]–14-3Rollup打包ES格式第一部分.mp4 89.61M
  • | | ├──[14.4]–14-4Rollup打包ES格式第二部分.mp4 69.29M
  • | | ├──[14.5]–14-5Rollup打包UMD格式第一部分.mp4 69.11M
  • | | ├──[14.6]–14-6Rollup打包UMD格式第二部分.mp4 43.89M
  • | | └──[14.7]–14-7整合最终的打包配置文件.mp4 48.66M
  • | ├──{15}–第15章课程总结
  • | | └──[15.1]–15-1课程总结.mp4 138.14M
  • └──{2}–资料
  • | ├──learn-typescript-master.zip 4.08kb
  • | ├──react-with-ts-master.zip 299.67kb
  • | └──vikingship-master.zip 648.77kb
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。