天天干天天操天天爱-天天干天天操天天操-天天干天天操天天插-天天干天天操天天干-天天干天天操天天摸

課程大綱：

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

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

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

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

3 前端組件的單元測(cè)試

4 React Hooks 的使用

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

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

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

1.什么是TypeScript

2.什么是ReactHooks

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

4.什么是單元測(cè)試

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

1.webpackconfigjswebpack配置

2.tsconfigjsonTypeScript配置

3.babelrc

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

3
TypeScript 基礎(chǔ)

1.基礎(chǔ)類(lèi)型

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
編寫(xiě) DatePicker

1.css3animation

2.受控組件

3.自定義hooks

4.moment日期處理庫(kù)

5.組件拆分

6.父子組件通信

7
編寫(xiě)單元測(cè)試

1.jest

2.enzyme

3.快照測(cè)試

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

8
發(fā)布到 npm 倉(cāng)庫(kù)

1.packagejson配置

2.模塊規(guī)范

3.npm包管理器