課程大綱：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包管理器
加入高級會員獲得助教答疑
