你好,欢迎来到IT视频自学网
会员中心 | 升级VIP | 开发工具

当前位置:首页 > 视频教程 > Web前端 > 2020ReactTypescript高仿AntDesign开发企业级UI组件库_百度网盘下载

/uploads/allimg/200815/1-200Q51053250-L.jpg
2020ReactTypescript高仿AntDesign开发企业级UI组件库_百度网盘下载
类型:Web前端 编号:IT-2439 发布时间:2020-08-15
小二
VIP会员享受无限下载 【获取VIP会员】
常见问题FAQ
1 .点击下载地址没反应?
2 .百度网盘连接失效了?
├─第1章 课程导学(此章节必看)/ }3 e2 K8 d+ g2 W! D% P7 h
│      1-1导学(不看错过1个亿)$ t: ~. z$ ~# F, n, E+ m4 p# T0 _
│      1-2代码库使用注意事项(必看)& K) b4 E% }$ a
│      
├─第2章 欢迎来到类型的世界 - Typescript
│      2-1什么是Typescript
│      2-2为什么要使用Typescript
│      2-3安装和初试Typescript
│      2-4基础类型
│      2-5any类型和联合类型' R# s3 Q1 f$ D3 @5 q! b' }
│      2-6Array和Tuple, _! U) {  l5 g+ H5 ~9 Q
│      2-7interface初探0 _5 H: o, u! ^$ E, V+ |+ _
│      2-8函数和类型推断
│      2-9类(Class)第一部分
│      2-10类(Class)第二部分
│      2-11类和接口
│      2-12枚举(Enum)
│      2-13泛型(Generics)第一部分/ ~0 r& o1 F( z# g( C
│      2-14泛型(Generics)第二部分-约束泛型
│      2-15泛型(Generics)第三部分-类和接口
│      2-16类型别名和类型断言3 `- u) h5 r0 h5 x4 O/ p
│      2-17声明文件* \1 O$ s. H0 M8 I& I) T( D+ r" }
│      
├─第3章 神奇的 React 配合 typescript,完美输出/ Z( m4 l. [6 ~- m3 E* u
│      3-1React简介和基础知识回顾
│      3-2配置react开发环境
│      3-3第一个组件-ts为组件助力
│      3-4什么是和为什么要使用ReactHook8 i- r) l5 |" d, L1 W2 ^
│      3-5在函数组件使用state-useStateHook: M6 `4 L% J# u0 \) B: K* V
│      3-6useEffect第一部分-初出茅庐
│      3-7useEffect第二部分-有始有终
│      3-8useEffect第三部分-控制运行( V5 x7 e% e8 d" |8 \/ L9 Q
│      3-9自定义Hook-重构MouseTracker9 `0 ]2 O$ L2 o6 d
│      3-10自定义Hook第二部分-HOC的劣势% I/ |' l2 p! J# u
│      3-11自定义hook第三部分-正确的方式完成URLLoader
│      3-12useRef-state遇到的难题
│      3-13useRef-多次渲染之间的纽带7 a2 h9 ]/ \6 e- I" m. A* ~: I3 ?
│      3-14useContext-解决多层传递属性的灵丹妙药8 d* }1 T5 r% {+ ?4 X* D; {3 [
│      3-15hook规则和其他hook
│      2 a* ~+ ?: M# b! D
├─第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗?
│      4-1组件库开始起航-需求分析4 O5 ~& P1 R2 |
│      4-2文件结构和代码规范! w" p8 M: H$ p. e8 f6 n& Q
│      4-3样式解决方案分析
│      4-4做一次设计师-添加自己的色彩体系9 U4 s: X3 d1 }) y
│      4-5更多样式变量-添加字体变量解决方案' }/ O' {6 f$ W
│      4-6初次亮相-添加normalize.css
│      4-7Button组件需求分析* O& z$ X! h$ S+ J' e3 {
│      4-8小试牛刀-Button组件编码第一部分  X* V8 B% Z: s9 }) N8 ~/ o
│      4-9添加Button基本样式- B( y7 T+ }, l8 [! h( i( E/ d
│      4-10升级Button组件样式
│      4-11精益求精-Buton组件编码第二部分
│      4-12完成Alert组件3 p0 ~; E* k  }- A/ m$ F
│      
├─第5章 组件测试
│      5-1为什么要有测试
│      5-2通用测试框架Jest出场
│      5-3React测试工具-react-testing-library
│      5-4添加Button测试代码第一部分
│      5-5添加Button测试代码第二部分! L+ E* d3 g, B  V+ c# [5 l
│      5-6Alert组件添加测试用例! D5 Y2 b! n' r; e
│      7 E( i3 @! k3 a$ R4 q6 D. k# N! z( m
├─第6章 更上一层楼 - 完成 Menu 组件
│      6-1Menu组件需求分析; Q* o# y# h0 B# X4 }
│      6-2基础架构-Menu组件编码第一部分; D/ M! [" B; o' i' ?* J
│      6-3需求升级-Menu组件编码第二部分! _6 t, h% |( }  m
│      6-4添加Menu样式; c. J' s, Q6 o, `
│      6-5测试驱动-Menu测试添加
│      6-6日趋完美-Menu组件编码第三部分
│      6-7功能继续升级-SubMenu下拉菜单编码第一部分) W7 J6 ^% ~  C: M0 a
│      6-8添加交互-SubMenu下拉菜单编码第二部分
│      6-9大功告成-SubMenu下拉菜单编码第三部分5 I4 r( c/ N7 F0 t) f
│      6-10完美组件-SubMenu组件添加测试" T  Y; H4 e/ H) G/ a$ D. E; N
│      6-11Tabs组件2 E3 u  s$ v- D) A/ N5 A
│      
├─第7章 他山之石 - Icon 组件 和 Transition 组件-1
│      7-1图标解决方案简介0 J  R( Y6 a9 y4 {4 G' ]4 t0 p
│      7-2他山之石-Icon组件编码第一部分
│      7-3Icon组件样式添加
│      7-4让图标动起来-动画效果第一种实现方法8 g8 D; S) I6 E& E' w' ?* t
│      7-5ReactTransitionGroup简介8 \& o* n8 \" c* L) f5 `/ Z  ~% T
│      7-6ReactTransitionGroup实践-动画效果第二种实现方式
│      7-7尽善尽美-ReactTransitionGroup添加菜单消失的动画
│      7-8拿来主义-自定义Transition组件编码第一部分
│      7-9拿来主义-自定义Transition组件编码第二部分
│      7-10完成的Icon和Transition组件$ G# i- r: R7 r4 `% m, x, W
│      
├─第8章 Storybook - 本地调试组件和生成文档页面的利器- A4 |5 v8 Q6 r5 J9 t9 |: _
│      8-1 什么是 Storybook
│      8-2 安装 Stroybook8 v) w$ d% A( e9 H( [; s2 J
│      8-3 Storybook 支持 Typescript
│      8-4 展示秀- 为 Button 添加 Story. Q) {' g9 o) T& Q: s3 S! I
│      8-5 如虎添翼 - Stroybook addon插件系统介绍
│      8-6 更多信息 - 添加 Storybook addon-info 插件
│      8-7 自动生成文档 - 添加 react-docgen-typescript 第一部分
│      8-8 自动生成文档 - 添加 react-docgen-typescript 第二部分
│      8-9 大功告成 - Storybook 最终样式调整' g! R; c/ y2 M7 x
│      8-10 完成的 storybook 的架构给剩下的组件添加 stories2 g3 I5 B( t4 M  f/ Y! ]
│      % B  c; a* P+ G$ K* I) H0 G, m
├─第9章 进入表单的世界 - Input 组件和 AutoComplete 组件  L8 v8 r. t$ [4 _" }
│      9-1 知己知彼 -Input 组件需求分析
│      9-2 抛砖引玉 - Input 组件伪代码实现
│      9-3 持续优化 - Input组件代码实现和优化过程9 [0 T2 ^# q  x% L/ x5 U
│      9-4 新的挑战 - AutoComplete组件分析
│      9-5 基本骨架 - AutoComplete 编码第一部分
│      9-6 AutoComplete 支持自定义模版- I0 @) A( b9 ^/ f0 L7 `
│      9-7 异步来了 - AutoComplete 支持异步请求编码, A# R$ u, L& o7 p6 l+ Q$ ?
│      9-8 老瓶新酒 - 使用自定义Hook实现 函数防抖
│      9-9 AutoComplete 支持键盘事件
│      9-10 妙用 useRef - 实现 clickOutSide 功能-' |/ e$ O/ C) R1 }6 X9 b
│      9-11 完美收尾 - AutoComplete 添加单元测试
│      9-12 Select 组件1 b0 h* s2 A4 g- ?' [; ]1 r9 f

├─第10章 终极任务 - Upload 组件
│      10-1 最终任务 - Upload组件需求分析
│      10-2 下一代 HTTP 库 - axios5 u) Z% p. {6 a: n) M" K
│      10-3 在线 mock server 和 axios 简单使用0 a+ |( r7 o! U; @
│      10-4 上传文件的基本方式
│      10-5 完成基本流程 - Upload 组件编码第一部分
│      10-6 完善生命周期 - Upload 组件编码第二部分! [, s: n7 S! M7 b/ `
│      10-7 创建列表数据 - UploadList 组件编码第一部分
│      10-8 显示上传数据 - UploadList 组件编码第二部分
│      10-9 显示上传进度 - 添加 Progress 组件
│      10-10 精益求精 - 再次分析 Upload 组件更近一步需求2 U, k: V5 T. j+ H% W
│      10-11 Upload 增强交互第一部分6 U" N. z2 F. _; n! Z& X
│      10-12 拖动上传 - 支持 Drag and Drop. J, j0 s8 n1 q9 V% w
│      10-13 异步怎样测试 - Upload 测试第一部分
│      10-14 拖动事件怎样测试 - Upload 测试第二部分
│      - ?+ A1 {$ c/ w& z; j" W% S
├─第11章 Javascript 模块打包 - 需要什么类型的模块供各种环境使用?
│      11-1 Javascript模块化发展历史9 L& Q/ C" u( l
│      11-2 webpack 到底完成什么任务 - bundler的神奇功效
│      11-3 怎样选择 Javascript 模块格式8 t& ^# K8 ~7 e3 j( D
│      11-4 创建组件库模块入口文件" A! U% S& k9 R
│      11-5 驯服tsc - tsconfig 编写第一部分
│      11-6 驯服 tsc - tsconfig 编写第二部分) M. T8 e. j1 x% K
│      11-7 生成最终使用的样式文件
│      11-8 使用 npm link 本地测试组件库 第一部分# J4 T- ?* U7 c$ N" q2 g
│      11-9 使用 npm link 本地测试组件库 第二部分
│      
├─第12章 大功告成 - 发布到 Npm,以及添加 CICD 支持/ d! |) O9 z, A% `) {- t  E2 W
│      12-1 Npm 简介! l# d: e' n. `: _0 L2 l; I8 t2 k
│      12-2 发布组件库到 npm
│      12-3 瘦身任务 - 精简 package.json 依赖& r/ c! K% E) N4 ^2 x3 [9 |0 ^
│      12-4 万无一失 - 添加发布和 commit 前检查3 n" U8 N, {) j9 N, p
│      12-5 使用 Storybook 生成静态文档页面; c3 N1 w% A% u4 x! q
│      12-6 CI CD 简介
│      12-7 使用 travis 自动运行测试7 e! I* L" v% O( b" C! O
│      12-8 使用 travis 自动发布文档页面0 H+ U! A  S2 ?. u0 p
│      
├─第13章 课程总结
│      13-1 课程总结7 o  B$ o; c( u5 ?* D2 z( v
│      
└─课程资料.zip8
推荐教程
热门标签

相关资源

关于友情链接网站地图 Copyright ©2018- IT视频自学网(/)