【V14897】2020年最新ReactTypeScript开发企业级UI组件库视频教程

视频教程大纲

第1章 课程导学(此章节必看)
1-1导学(不看错过1个亿)
1-2代码库使用注意事项(必看)第2章 欢迎来到类型的世界 - Typescript
2-1什么是Typescript
2-2为什么要使用Typescript
2-3安装和初试Typescript
2-4基础类型
2-5any类型和联合类型
2-6Array和Tuple
2-7interface初探
2-8函数和类型推断
2-9类(Class)第一部分
2-10类(Class)第二部分
2-11类和接口
2-12枚举(Enum)
2-13泛型(Generics)第一部分
2-14泛型(Generics)第二部分-约束泛型
2-15泛型(Generics)第三部分-类和接口
2-16类型别名和类型断言
2-17声明文件
第3章 神奇的 React 配合 typescript,完美输出
3-1React简介和基础知识回顾
3-2配置react开发环境
3-3第一个组件-ts为组件助力
3-4什么是和为什么要使用ReactHook
3-5在函数组件使用state-useStateHook
3-6useEffect第一部分-初出茅庐
3-7useEffect第二部分-有始有终
3-8useEffect第三部分-控制运行
3-9自定义Hook-重构MouseTracker
3-10自定义Hook第二部分-HOC的劣势
3-11自定义hook第三部分-正确的方式完成URLLoader
3-12useRef-state遇到的难题
3-13useRef-多次渲染之间的纽带
3-14useContext-解决多层传递属性的灵丹妙药
3-15hook规则和其他hook

第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗?
4-1组件库开始起航-需求分析
4-2文件结构和代码规范
4-3样式解决方案分析
4-4做一次设计师-添加自己的色彩体系
4-5更多样式变量-添加字体变量解决方案
4-6初次亮相-添加normalize.css
4-7Button组件需求分析
4-8小试牛刀-Button组件编码第一部分
4-9添加Button基本样式
4-10升级Button组件样式
4-11精益求精-Buton组件编码第二部分
4-12完成Alert组件

第5章 组件测试
5-1为什么要有测试
5-2通用测试框架Jest出场
5-3React测试工具-react-testing-library
5-4添加Button测试代码第一部分
5-5添加Button测试代码第二部分
5-6Alert组件添加测试用例

第6章 更上一层楼 - 完成 Menu 组件
6-1Menu组件需求分析
6-2基础架构-Menu组件编码第一部分
6-3需求升级-Menu组件编码第二部分
6-4添加Menu样式
6-5测试驱动-Menu测试添加
6-6日趋完美-Menu组件编码第三部分
6-7功能继续升级-SubMenu下拉菜单编码第一部分
6-8添加交互-SubMenu下拉菜单编码第二部分
6-9大功告成-SubMenu下拉菜单编码第三部分
6-10完美组件-SubMenu组件添加测试
6-11Tabs组件

第7章 他山之石 - Icon 组件 和 Transition 组件-1
7-1图标解决方案简介
7-2他山之石-Icon组件编码第一部分
7-3Icon组件样式添加
7-4让图标动起来-动画效果第一种实现方法
7-5ReactTransitionGroup简介
7-6ReactTransitionGroup实践-动画效果第二种实现方式
7-7尽善尽美-ReactTransitionGroup添加菜单消失的动画
7-8拿来主义-自定义Transition组件编码第一部分
7-9拿来主义-自定义Transition组件编码第二部分
7-10完成的Icon和Transition组件

第8章 Storybook - 本地调试组件和生成文档页面的利器
8-1 什么是 Storybook
8-2 安装 Stroybook
8-3 Storybook 支持 Typescript
8-4 展示秀- 为 Button 添加 Story
8-5 如虎添翼 - Stroybook addon插件系统介绍
8-6 更多信息 - 添加 Storybook addon-info 插件
8-7 自动生成文档 - 添加 react-docgen-typescript 第一部分
8-8 自动生成文档 - 添加 react-docgen-typescript 第二部分
8-9 大功告成 - Storybook 最终样式调整
8-10 完成的 storybook 的架构给剩下的组件添加 stories

第9章 进入表单的世界 - Input 组件和 AutoComplete 组件
9-1 知己知彼 -Input 组件需求分析
9-2 抛砖引玉 - Input 组件伪代码实现
9-3 持续优化 - Input组件代码实现和优化过程B
9-4 新的挑战 - AutoComplete组件分析
9-5 基本骨架 - AutoComplete 编码第一部分
9-6 AutoComplete 支持自定义模版
9-7 异步来了 - AutoComplete 支持异步请求编码
9-8 老瓶新酒 - 使用自定义Hook实现 函数防抖
9-9 AutoComplete 支持键盘事件
9-10 妙用 useRef - 实现 clickOutSide 功能-
9-11 完美收尾 - AutoComplete 添加单元测试
9-12 Select 组件

第10章 终极任务 - Upload 组件
10-1 最终任务 - Upload组件需求分析
10-2 下一代 HTTP 库 - axios
10-3 在线 mock server 和 axios 简单使用
10-4 上传文件的基本方式
10-5 完成基本流程 - Upload 组件编码第一部分
10-6 完善生命周期 - Upload 组件编码第二部分
10-7 创建列表数据 - UploadList 组件编码第一部分
10-8 显示上传数据 - UploadList 组件编码第二部分
10-9 显示上传进度 - 添加 Progress 组件
10-10 精益求精 - 再次分析 Upload 组件更近一步需求
10-11 Upload 增强交互第一部分
10-12 拖动上传 - 支持 Drag and Drop
10-13 异步怎样测试 - Upload 测试第一部分
10-14 拖动事件怎样测试 - Upload 测试第二部分

第11章 javascript 模块打包 - 需要什么类型的模块供各种环境使用?
11-1 Javascript模块化发展历史
11-2 Webpack 到底完成什么任务 - bundler的神奇功效
11-3 怎样选择 Javascript 模块格式
11-4 创建组件库模块入口文件
11-5 驯服tsc - tsconfig 编写第一部分
11-6 驯服 tsc - tsconfig 编写第二部分
11-7 生成最终使用的样式文件
11-8 使用 npm link 本地测试组件库 第一部分
11-9 使用 npm link 本地测试组件库 第二部分

第12章 大功告成 - 发布到 Npm,以及添加 CICD 支持
12-1 Npm 简介
12-2 发布组件库到 npm
12-3 瘦身任务 - 精简 package.json 依赖
12-4 万无一失 - 添加发布和 commit 前检查
12-5 使用 Storybook 生成静态文档页面
12-6 CI CD 简介
12-7 使用 travis 自动运行测试
12-8 使用 travis 自动发布文档页面

第13章 课程总结
13-1 课程总结

课程资料

解压密码

您暂时无权查看此隐藏内容!

百度网盘下载地址

资源下载价格9.8立即支付    升级VIP后免费升级VIP
立即支付后显示网盘资源,教程不能播放无条件退款,退款请联系右边在线客服。 终生VIP活动价68元,平台稳定运营2年+,其他平台有的这都有,还是全网最低价。
1、网军编程学院为非营利性网站,全站所有资料仅供网友个人学习使用,禁止商用。
2、本站所有文档、视频、书籍等资料均由网友分享,本站只负责收集不承担任何技术及版权问题。
3、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除下载链接并致以最深的歉意。
4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。
5、一经注册为本站会员,一律视为同意网站规定,本站管理员及版主有权禁止违规用户。
6、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和网军编程学院的同意。
7、网军编程学院管理员和版主有权不事先通知发贴者而删除本文。

发表评论

发表评论

电子邮件地址不会被公开。