第1章：介紹課程大綱、課程目標(biāo)，以及開(kāi)發(fā)環(huán)境搭建

第2章 React項(xiàng)目腳手架：create-react-app

2-1 創(chuàng)建項(xiàng)目結(jié)構(gòu)
2-2 Mock數(shù)據(jù)的使用

第3章 React思維方式：跟著Todo項(xiàng)目學(xué)習(xí)React思想

3-1 組件劃分
3-2 編寫(xiě)靜態(tài)組件
3-3 如何設(shè)計(jì)State
3-4 分析State保存位置
3-5 添加交互行為

第4章 Redux基礎(chǔ)：跟著Todo項(xiàng)目學(xué)習(xí)Redux

4-1 Redux基本思想
4-2 設(shè)計(jì)應(yīng)用state
4-3 定義Action
4-4 action的處理器：reducer
4-5 reducer拆分
4-6 創(chuàng)建store
4-7 集成react-redux
4-10 異步Action
4-12 Redux調(diào)試工具

第5章 Redux 進(jìn)階：用好Redux必備

5-1 項(xiàng)目結(jié)構(gòu)組件方式
5-2 State設(shè)計(jì)原則
5-3 selector函數(shù)
5-4 深入理解前端狀態(tài)管理思想
5-5 Middleware(中間件)
5-6 store enhancer
5-7 常用庫(kù)集成

第6章 React Router 4：全新的React組件式的動(dòng)態(tài)路由庫(kù)

6-1 客戶(hù)端路由和服務(wù)端路由
6-2 Router相關(guān)庫(kù)
6-3 路由配置：Route
6-4 路由匹配
6-5 路由渲染組件的方式
6-6 React Router4的全新思維

第7章 大眾點(diǎn)評(píng)前端架構(gòu)設(shè)計(jì)

7-1 前端架構(gòu)是什么
7-2 案例分析
7-3 前端架構(gòu)之工程化準(zhǔn)備
7-5 前端架構(gòu)之抽象

第8章 首頁(yè)開(kāi)發(fā)

8-1 頁(yè)面分析和組件劃分
8-2 組件開(kāi)發(fā)
8-6 加載更多功能實(shí)現(xiàn)
8-7 首頁(yè)其他組件開(kāi)發(fā)
8-8 redux狀態(tài)管理
8-12 redux 作為數(shù)據(jù)緩存層的作用
8-13 集成React Router

第9章 團(tuán)購(gòu)詳情頁(yè)開(kāi)發(fā)

9-1 頁(yè)面分析和組件劃分
9-2 組件開(kāi)發(fā)
9-7 redux狀態(tài)管理
第10章 搜索頁(yè)開(kāi)發(fā)

10-1 頁(yè)面分析和組件劃分
10-2 組件開(kāi)發(fā)：搜索框組件
10-3 組件開(kāi)發(fā)：熱門(mén)搜索詞組件
10-4 組件開(kāi)發(fā)：搜索歷史組件
10-5 redux狀態(tài)管理

第11章 搜索結(jié)果頁(yè)開(kāi)發(fā)

11-1 頁(yè)面分析和組件劃分
11-2 組件開(kāi)發(fā)
11-4 redux模塊設(shè)計(jì)
11-5 連接 redux

第12章 登錄頁(yè)開(kāi)發(fā)

12-1 頁(yè)面分析和組件劃分
12-2 登錄頁(yè)組件開(kāi)發(fā)
12-3 redux模塊設(shè)計(jì)
12-4 連接 redux
12-5 使用React Router 校驗(yàn)頁(yè)面登錄狀態(tài)
12-6 登錄狀態(tài)持久化

第13章 個(gè)人中心開(kāi)發(fā)

13-1 頁(yè)面分析和組件劃分
13-2 組件開(kāi)發(fā)
13-4 redux模塊設(shè)計(jì)
13-6 連接 redux
13-7 訂單刪除功能

第14章 購(gòu)買(mǎi)功能開(kāi)發(fā)

14-1 頁(yè)面分析和組件開(kāi)發(fā)

14-3 redux模塊設(shè)計(jì)
14-4 連接 redux
14-5 下單數(shù)據(jù)和個(gè)人中心頁(yè)同步

第15章 項(xiàng)目?jī)?yōu)化、構(gòu)建和部署

15-1 性能優(yōu)化
15-4 項(xiàng)目構(gòu)建和部署