内容介绍：
第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 组件
     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 课程总结

课程资料

百度网盘下载地址：