1-1 React 簡介

1-2 React小案例

1-3 兩種創建虛擬Dom的方式

1-4 虛擬DOM與真實DOM

1-5 jsx語法規則

1-6 jsx小練習

2-1 開發者工具安裝

2-2 組件與模組

2-3 函數式元件

2-4 複習類相關知識

2-5 類別式元件

3-1 對state的理解

3-2 初始化state

3-3 react中的事件綁定

3-4 類別中方法中的this

3-5 解決類別中this指向問題

3-6 setState的使用

3-7 state的簡寫方式

3-8 總結state

4-1 props的基本使用

4-2 批量傳遞props

4-3 對props進行限制

4-4 props的簡寫方式

4-5 類別組件中的構造器與props

4-6 函數式元件使用props

4-7 總結props

5-1 字串形式的ref

5-2 回調形式的ref

5-3 回調ref中呼叫次數的問題

5-4 createRef的使用

5-5 總結ref

6-1 事件處理

6-2 非受控組件

6-3 受控組件

6-4 高階函數和函數柯里化

6-5 不用柯里化的寫法

7-1 引出生命週期

7-2 生命週期(舊)_元件掛載流程

7-3 生命週期(舊)_setState流程

7-4 生命週期(舊)_forceUpdate流程

7-5 父元件render流程

7-6 總結生命週期(舊)

8-1 比較新舊生命週期

8-2 從Props取得DerivedState

8-3 取得更新前快照

8-4 10 getSnapshotBeforeUpdate案例

8-5 總結生命週期(新)

8-6 DOM的diffing演算法

9-1 初始化react腳手架

9-2 鷹架檔介紹_public

9-3 腳手架檔案介紹_src

9-4 一個簡單Hello組件

9-5 樣式的模組化

9-6 WebStorm中的快速鍵

9-7 組件化編碼流程

10-1 TodoList案例_靜態元件

10-2 動態初始化列表

10-3 添加todo

10-4 滑鼠移入效果

10-5 勾選和取消勾選

10-6 對props進行限制

10-7 刪除一個todo

10-8 實現底部功能

10-9 總結TodoList案例

11-1 鷹架配置代理1

11-2 鷹架配置代理2

11-3 豆瓣電影搜尋案例_靜態組件

11-4 豆瓣電影搜尋案例_axios發送請求

11-5 豆瓣電影搜尋案例_展示數據

11-6 豆瓣電影搜尋案例_完成案例

11-7 豆瓣電影搜尋案例_訊息訂閱與發布_pubsub

11-8 豆瓣電影搜尋案例_fetch發送請求

11-9 豆瓣電影搜尋案例_總結

12-1 對SPA應用的理解

12-2 對路由的理解

12-3 前端路由原理

12-4 路由的基本使用

12-5 路由組件與一般組件

12-6 NavLink的使用

12-7 封裝NavLink組件

12-8 Switch的使用

12-9 解決樣式遺失問題

12-10 路由的模糊匹配與嚴格匹配

12-11 Redirect的使用

12-12 嵌套路由

12-13 向路由組件傳遞params參數

12-14 向路由組件傳遞search參數

12-15 向路由組件傳遞state參數

12-16 總結路由參數

12-17 push與repalce

12-18 編程式路由導航

12-19 withRouter的使用

12-20 BrowserRouter與HashRouter

13-1 antd的基本使用

13-2 antd樣式的按需引入

13-3 antd自訂主題

14-1 redux簡介

14-2 redux工作流程

14-3 求和案例_純react版

14-4 求和案例_redux精簡版

14-5 求和案例_redux完整版

14-6 求和案例_非同步action版

14-7 對react-redux的理解

14-8 連接容器元件與UI元件

14-9 react-redux基本使用

14-10 優化1_簡寫mapDispatch

14-11 最佳化2_Provider元件的使用

14-12 優化3_整合UI元件與容器元件

14-13 資料共享_編寫Person組件

14-14 資料共享_編寫Person組件的reducer

14-15 資料共享_完成資料共享

14-16 純函數

14-17 redux開發者工具

14-18 最終版

14-19 專案打包運行

15-1 擴展1_setState

15-2 擴展2_lazyLoad

15-3 擴展3_stateHook

15-4 擴充4_EffectHook

15-5 擴充5_RefHook

15-6 擴充6_Fragment

15-7 擴充7_Context

15-8 擴充8_PureComponent

15-9 擴充9_renderProps

15-10 擴充10_ErrorBoundary

15-11 組件間通訊方式總結