課程大綱：

TypeScript 和 React Hook 的組件化開發(fā)培訓(xùn)

DatePicker 作為一個(gè)前端常用的組件，開發(fā)時(shí)往往直接采用第三方開源組件庫的實(shí)現(xiàn)。

1 前沿的前端開發(fā)方式

2 TypeScript 開發(fā) React 項(xiàng)目

3 前端組件的單元測試

4 React Hooks 的使用

5 復(fù)雜的組件化開發(fā)

6 webpack 項(xiàng)目打包配置

1
學(xué)習(xí)前的準(zhǔn)備

1.什么是TypeScript

2.什么是ReactHooks

3.什么是組件化開發(fā)

4.什么是單元測試

2
搭建項(xiàng)目環(huán)境

1.webpackconfigjswebpack配置

2.tsconfigjsonTypeScript配置

3.babelrc

4.源碼入口以及項(xiàng)目分層

3
TypeScript 基礎(chǔ)

1.基礎(chǔ)類型

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.函數(shù)式編程

6
編寫 DatePicker

1.css3animation

2.受控組件

3.自定義hooks

4.moment日期處理庫

5.組件拆分

6.父子組件通信

7
編寫單元測試

1.jest

2.enzyme

3.快照測試

4.模擬文件和函數(shù)

8
發(fā)布到 npm 倉庫

1.packagejson配置

2.模塊規(guī)范

3.npm包管理器