学途无忧

标题: React+TypeScript高仿AntDesign开发企业级UI组件库 [打印本页]

作者: admin 时间: 2020-3-19 08:59
标题: React+TypeScript高仿AntDesign开发企业级UI组件库

第1章课程导学（此章节必看）
介绍了整个课程的背景知识，项目简介，学习流程，可以掌握的知识点，以及学习方法和前置知识。

第2章欢迎来到类型的世界 - Typescript
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势，带领大家学习 TS 中的各种基础类型，然后进阶到复杂类型，包括：Array, Tuple, interface, function, Class, Enum, Generices等，迅速帮助大家理解 TS 的基础使用方式和语法。 ...

第3章神奇的 React 配合 typescript，完美输出
本章回顾了 React 的基础知识，从而引出了全新的 React Hooks，配合上一章typescript的基础知识，详细讲解了 useState, useEffect, 自定义Hook，useContext 和 useRef 等基础知识，为组件库的开发打下坚实基础。

第4章组件库起航 - 你真的能写的好看起来简单的 Button 组件吗？
本章正式进入组件库的编写，前半部分规定了文件结构和代码规范，分析了样式解决方案，添加了一系列样式的基础元素，后半部分渐进式的完成了 Button 组件的编码工作。

第5章组件测试
本章从什么是测试入手，简介了测试的基本概念，介绍通用测试工具 Jest 和 React 测试框架 react-testing-library，然后使用这两种工具完成Button组件的单元测试。

第6章更上一层楼 - 完成 Menu 组件
本章在前两章的基础上，更上一层楼，完成Menu 组件，从需求分析，到组件编码，到再次分析需求，到再次完成编码，最后完成组件的所有单元测试。

第7章他山之石 - Icon 组件和 Transition 组件
本章介绍怎样使用第三方库 Fontawesome 和 React-Transition-Group 完成图标和 React 动画的解决方案，同时将它们经过自定义，改造成新的组件。

第8章 Storybook - 本地调试组件和生成文档页面的利器
本章从 Stroybook 的定义和安装入手，再到怎样添加 Story，安装插件，到最后完成自动生成文档的任务。

第9章进入表单的世界 - Input 组件和 AutoComplete 组件
本章进入表单的世界，从简单组件 Input 入手，引出 AutoComplete 组件的分析和实现，在这个过程中，我们会学习异步请求，函数防抖，键盘事件，useRef 等一系列功能。

第10章终极任务 - Upload 组件
本章实现了 Upload 组件从分析，编码，测试的全过程，在这个过程中，我们将会学到：使用 axios 发送异步请求，在线 mock server 的简单使用，HTTP 异步上传文件的基本知识，拖动文件上传怎样实现，异步和拖动怎样写单元测试。

第11章 Javascript 模块打包 - 需要什么类型的模块供各种环境使用？
本章从 Javacript 模块化历史说起，描述了 webpack 等 bundler 的主要功效，对比不同的模块类型的优劣，然后使用 tsc 打包成 es6 modules，并且使用 npm link 在本地完成测试。

第12章大功告成 - 发布到 Npm，以及添加 CI/CD 支持
本章从 Npm 的简介开始，介绍了怎样将组件库发布到 npm，然后优化了 package.json 的依赖，再到添加 commit 和发布检查，最后介绍了使用 travis 完成组件库 CI/CD 的一些基本流程。

第13章课程总结
本课程的回顾和总结以及展望。

作者: jz丶 时间: 2020-3-19 14:01
DDDDDDDDDDDDDDDDDDD

作者: 1131153523 时间: 2020-3-19 16:22
666666666666666

作者: Mrhoney 时间: 2020-3-19 23:40
谢谢大神分享

作者: Senna 时间: 2020-3-20 00:49
111111111111

作者: Twinkle 时间: 2020-3-20 11:16
666666666666666

作者: a2439561 时间: 2020-3-20 15:35
66666666666

作者: hack 时间: 2020-3-20 19:30
sdfsdffsfsfeewrwerewrewr rwe

作者: sxmyes 时间: 2020-3-20 23:28
RE: React+TypeScript高仿AntDesign开发企业级UI组件库 [修改]

作者: senlin 时间: 2020-3-21 00:26
大撒大撒大苏打

作者: Annd 时间: 2020-3-21 10:19
谢谢大神分享

作者: buynao 时间: 2020-3-21 21:37
学习一下~~

作者: travpro 时间: 2020-3-22 11:44
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: 阿莱 时间: 2020-3-22 13:56
6666膜拜大佬

作者: 阿莱 时间: 2020-3-22 13:58
大佬，想看这个视频，能把官网有的发上来吗多谢

作者: xiao123 时间: 2020-3-22 17:41
感谢分享

作者: xuetu2000 时间: 2020-3-23 00:40
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: jkf 时间: 2020-3-23 09:29
11111111111111111111111111

作者: wdl9973 时间: 2020-3-23 14:33
感谢分项

作者: zhangnuli 时间: 2020-3-23 22:00
加油加油

作者: 情节此起彼伏丶 时间: 2020-3-24 04:25
看看~~~~~~~~

作者: VaderWang 时间: 2020-3-24 12:56
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

作者: sunyajun1988 时间: 2020-3-24 18:15
感谢分享

作者: zengxiao 时间: 2020-3-25 11:16
666666666666666666666

作者: victorxiang 时间: 2020-3-25 17:30
good good good good good good

作者: xiao9527 时间: 2020-3-25 22:13
sogo very much

作者: ahhh 时间: 2020-3-26 11:00

作者: xxxaa111 时间: 2020-3-26 22:42

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

作者: 只是牧羊犬 时间: 2020-3-27 10:27
666666666666666

作者: ender 时间: 2020-3-27 15:48
谢谢大神分享

作者: szy0syz 时间: 2020-3-27 16:41
非常感谢。。。我来下一个。。。

作者: wanghuayuan222 时间: 2020-3-27 16:48
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: g751634557 时间: 2020-3-27 17:33
DDDDDDDDDD

作者: bll 时间: 2020-3-27 17:56
666666666666666666666

作者: network 时间: 2020-3-27 21:14
888888888888888888888888

作者: zhengrz 时间: 2020-3-27 21:20
kankankankan

作者: captern 时间: 2020-3-27 21:22
顶楼主大大，感谢分享

作者: rooffy 时间: 2020-3-27 21:31
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: char32 时间: 2020-3-28 00:01
谢谢楼主！！！

作者: elin0512 时间: 2020-3-28 00:23
6666666666666666

作者: hyrxb 时间: 2020-3-28 00:34
React+TypeScript高仿AntDes

作者: xing212 时间: 2020-3-28 02:42
支持分享

作者: xtwyzh 时间: 2020-3-28 04:19
很好的资源，进来看看哦。

作者: Aress 时间: 2020-3-28 08:43
感谢楼主分享

作者: edisonhcg 时间: 2020-3-28 08:51
6666666666666666666666666666666666666666666666

作者: wanghui1234 时间: 2020-3-28 09:15
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: 竹韵飘香 时间: 2020-3-28 09:42
6666666666666

作者: zhangyong 时间: 2020-3-28 11:30
好的加油机

作者: appin 时间: 2020-3-28 15:30
https://www.jetbrains.com/https://www.jetbrains.com/

作者: zsodur 时间: 2020-3-28 16:25
DDDDDDDDDDDDDDDDDDD

作者: francis0528 时间: 2020-3-28 18:17
6666666666

作者: mypleasure 时间: 2020-3-28 19:20
太棒了简直！

作者: chenyong 时间: 2020-3-28 21:24
太牛了啊群主啊

作者: ljh19138 时间: 2020-3-29 12:13
1111111111166666666

作者: 睡睡不睡 时间: 2020-3-29 14:13
感谢分享~~~~

作者: 混乱牧师 时间: 2020-3-29 14:46
66666666666666666

作者: solaya 时间: 2020-3-29 15:44
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: littlefish1900 时间: 2020-3-29 16:24
是大多数的撒上的

作者: pengyang317 时间: 2020-3-29 16:57
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: ljj023 时间: 2020-3-29 17:09
谢谢楼主分享

作者: ttamos 时间: 2020-3-29 17:31
React+TypeScript高仿AntDesign开发

作者: kkicc 时间: 2020-3-29 17:54
实例叫你组件开发

作者: 123456789 时间: 2020-3-29 18:44
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: p625123 时间: 2020-3-29 20:26
支持支持支持支持支持支持

作者: admin1 时间: 2020-3-29 21:02
asdfasdfadfasdfasdfasdfadsfasdf

作者: 阿莱 时间: 2020-3-29 22:48
第五章少了一节课，5-5

作者: vlkjsaDfa21 时间: 2020-3-29 23:49
6666666666666666666

作者: 学徒无忧456 时间: 2020-3-30 00:24
6666666666666666

作者: samuelju 时间: 2020-3-30 06:09
RE: React+TypeScript高仿AntDesign开发企业级UI组件库 [修改]

作者: yuanhang 时间: 2020-3-30 07:02
6666666666666666666666666

作者: zgledu 时间: 2020-3-30 08:04
谢谢分享！！！！！！！！！！！！！！！！！！！！！！1

作者: control 时间: 2020-3-30 08:32

作者: jiangtao1027 时间: 2020-3-30 09:38
00000000.。。。。。。。。。

作者: haiyang 时间: 2020-3-30 11:21
6666666666666666666666666666

作者: 喂这填什么 时间: 2020-3-30 13:24
Java架构师成长直通车

作者: jiangz 时间: 2020-3-30 15:57
支持。。。。。。。

作者: ep35218 时间: 2020-3-30 19:16
DDDDDDDDDDDDDDDD

作者: 15010167519 时间: 2020-3-31 00:56
高仿AntDesign开发企业级UI组件库

作者: HAHAKea 时间: 2020-3-31 01:14
来来来让我看看

作者: hale 时间: 2020-3-31 08:22
感谢分享

作者: maxfine 时间: 2020-3-31 17:46
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: alfredolee 时间: 2020-3-31 20:25
E: React+TypeScript高仿AntDesign开发企业级UI组件库 [修改]

作者: 790792491 时间: 2020-3-31 22:51
good!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

作者: yhzwy7228333 时间: 2020-4-1 01:41
kankan内容

作者: ypq657318304 时间: 2020-4-1 08:14

谢谢大神分享

作者: SirHumphrey 时间: 2020-4-1 15:56
哈哈哈哈哈哈哈哈哈哈或或或或或或或

作者: yongbuyanqi 时间: 2020-4-1 21:47
谢谢分享

作者: lick 时间: 2020-4-1 23:05
sdfldl jkffd

作者: A11D22 时间: 2020-4-2 00:08
666666666666666

作者: tew1210 时间: 2020-4-2 14:22
谢谢分享!!!!!!

作者: huanghao2693 时间: 2020-4-3 13:33
感谢感谢很需要

作者: nsqs214e 时间: 2020-4-3 15:06
太666666666666666了

作者: xqkxqk 时间: 2020-4-3 16:25
回顾和总结以及展望。

xq

作者: wojiaojsjzs 时间: 2020-4-3 16:41
123213123sad sa3q

作者: zzydev 时间: 2020-4-3 22:30
React+TypeScript高仿AntDesign开发企业级UI组件库

作者: zyu时光 时间: 2020-4-4 10:12
DDDDDDDDDDDDDDDDDDD

作者: studyhanpi 时间: 2020-4-4 10:20
66666666666666666

作者: 前端小蜗牛 时间: 2020-4-4 10:31
感谢楼主的分享啊

作者: 就叫我上帝 时间: 2020-4-4 14:58
感谢你做来大好事

作者: zzztest 时间: 2020-4-4 15:47

123456

欢迎光临学途无忧 (http://xuetu123.com/)