TypeScript 和 React Hook 的组件化开发培训
DatePicker 作为一个前端常用的组件,开发时往往直接采用第三方开源组件库的实现。
1 前沿的前端开发方式
2 TypeScript 开发 React 项目
3 前端组件的单元测试
4 React Hooks 的使用
5 复杂的组件化开发
6 webpack 项目打包配置
1
学习前的准备
1.什么是TypeScript
2.什么是ReactHooks
3.什么是组件化开发
4.什么是单元测试
2
搭建项目环境
1.webpackconfigjswebpack配置
2.tsconfigjsonTypeScript配置
3.babelrc
4.源码入口以及项目分层
3
TypeScript 基础
1.基础类型
2.interface
3.泛型
4
在 React 中使用 TypeScript
1.classcomponent
2.泛型声明component的props和state
5
React Hooks
1.useState
2.useEffect
3.useCallback
4.useMemo
5.useRef
6.函数式编程
6
编写 DatePicker
1.css3animation
2.受控组件
3.自定义hooks
4.moment日期处理库
5.组件拆分
6.父子组件通信
7
编写单元测试
1.jest
2.enzyme
3.快照测试
4.模拟文件和函数
8
发布到 npm 仓库
1.packagejson配置
2.模块规范
3.npm包管理器