React進(jìn)階之路

目    錄

第1篇  基礎(chǔ)篇——React，一種革命性的UI開發(fā)理念

第1章  初識React 3

1.1  React簡介 3

1.2  ES 6語法簡介 4

1.3  開發(fā)環(huán)境及工具介紹 9

1.3.1  基礎(chǔ)環(huán)境 9

1.3.2  輔助工具 9

1.3.3  Create React App 10

1.4  本章小結(jié) 12

第2章  React基礎(chǔ) 13

2.1  JSX 13

2.1.1  JSX簡介 13

2.1.2  JSX語法 14

2.1.3  JSX不是必需的 16

2.2  組件 17

2.2.1  組件定義 17

2.2.2  組件的props 18

2.2.3  組件的state 21

2.2.4  有狀態(tài)組件和無狀態(tài)組件 23

2.2.5  屬性校驗(yàn)和默認(rèn)屬性 26

2.2.6  組件樣式 28

2.2.7  組件和元素 32

2.3  組件的生命周期 34

2.3.1  掛載階段 34

2.3.2  更新階段 35

2.3.3  卸載階段 36

2.4  列表和Keys 36

2.5  事件處理 39

2.6  表單 43

2.6.1  受控組件 44

2.6.2  非受控組件 51

2.7  本章小結(jié) 52

第3章  React 16新特性 53

3.1  render新的返回類型 53

3.2  錯誤處理 54

3.3  Portals 56

3.4  自定義DOM屬性 57

3.5  本章小結(jié) 58

第2篇  進(jìn)階篇——用好React，你必須要知道的那些事

第4章  深入理解組件 60

4.1  組件state 60

4.1.1  設(shè)計(jì)合適的state 60

4.1.2  正確修改state 63

4.1.3  state與不可變對象 64

4.2  組件與服務(wù)器通信 66

4.2.1  組件掛載階段通信 66

4.2.2  組件更新階段通信 67

4.3  組件通信 68

4.3.1  父子組件通信 68

4.3.2  兄弟組件通信 71

4.3.3  Context 75

4.3.4  延伸 78

4.4  特殊的ref 79

4.4.1  在DOM元素上使用ref 79

4.4.2  在組件上使用ref 79

4.4.3  父組件訪問子組件的DOM節(jié)點(diǎn) 81

4.5  本章小結(jié) 82

第5章  虛擬DOM和性能優(yōu)化 83

5.1  虛擬DOM 83

5.2  Diff算法 84

5.3  性能優(yōu)化 87

5.4  性能檢測工具 90

5.5  本章小結(jié) 91

第6章  高階組件 92

6.1  基本概念 92

6.2  使用場景 93

6.3  參數(shù)傳遞 96

6.4  繼承方式實(shí)現(xiàn)高階組件 99

6.5  注意事項(xiàng) 99

6.6  本章小結(jié) 101

第3篇  實(shí)戰(zhàn)篇——在大型Web應(yīng)用中使用React

第7章  路由：用React Router開發(fā)單頁面應(yīng)用 103

7.1  基本用法 103

7.1.1  單頁面應(yīng)用和前端路由 103

7.1.2  React Router 的安裝 104

7.1.3  路由器 104

7.1.4  路由配置 105

7.1.5  鏈接 107

7.2  項(xiàng)目實(shí)戰(zhàn) 108

7.2.1  后臺服務(wù)API介紹 108

7.2.2  路由設(shè)計(jì) 111

7.2.3  登錄頁 113

7.2.4  帖子列表頁 117

7.2.5  帖子詳情頁 125

7.3  代碼分片 133

7.4  本章小結(jié) 138

第8章  Redux：可預(yù)測的狀態(tài)管理機(jī) 139

8.1  簡介 139

8.1.1  基本概念 139

8.1.2  三大原則 141

8.2  主要組成 141

8.2.1  action 141

8.2.2  reducer 142

8.2.3  store 146

8.3  在React中使用Redux 148

8.3.1  安裝react-redux 148

8.3.2  展示組件和容器組件 148

8.3.3  connect 149

8.3.4  mapStateToProps 150

8.3.5  mapDispatchToProps 150

8.3.6  Provider 組件 151

8.4  中間件與異步操作 152

8.4.1  中間件 152

8.4.2  異步操作 154

8.5  本章小結(jié) 155

第9章  Redux項(xiàng)目實(shí)戰(zhàn) 156

9.1  組織項(xiàng)目結(jié)構(gòu)