【備忘】徹底征服React.js ＋ Flux + Redux 實戰視訊教程
阿新 • • 發佈：2019-02-16
第1章React 實戰10分鐘3節
1-1課程介紹[免費觀看]06:19
第2章第一個 React 應用程式1小時44分鐘11節
2-1配置基礎執行環境08:32
2-2UI 設計與需求分析09:24
2-3把 HTML 嵌入到 javascript04:29
2-4劃分出多個元件09:27
2-5通過屬性代替固化資料03:15
2-6內部狀態資料與新增功能的實現08:29
2-7ItemEditor 刪除功能的實現19:15
2-8ItemEditor 保持功能的實現06:27
2-9編輯 Item 功能的實現07:48
2-10本章知識點總結09:41
2-11對第一個應用程式的優化17:51
第3章JSX 用法24分鐘5節
3-1JSX 的本質05:30
3-2屬性與行內樣式05:20
3-3三元運算與複雜判斷06:06
3-4根節點的個性02:41
3-5總結05:11
第4章建立元件41分鐘3節
4-1Component 與 Element 的特殊關係20:37
4-2建立 Component 的兩種方式與區別18:58
4-3修復上一課時BUG01:30
第5章元件的生命週期1小時47分鐘8節
5-1元件生命週期的原理08:36
5-2初始化階段10:36
5-3裝載階段10:36
5-4更新階段16:30
5-5解除安裝階段與生命週期總結06:19
5-6總結13:34
5-7通過例項程式碼掌握生命週期的知識點（上）17:49
5-8通過例項程式碼掌握生命週期的知識點（下）23:37
第6章元件的屬性30分鐘2節
6-1表單屬性22:17
6-2refs屬性08:01
第7章元件的事件43分鐘3節
7-1鍵盤事件例項講解11:43
7-2滑鼠事件例項講解24:55
7-3自定義事件例項講解06:39
第8章元件的通訊59分鐘3節
8-1父與子元件的通訊19:00
8-2子與父元件的通訊08:43
8-3事件匯流排通訊31:25
第9章props vs state 的博弈12分鐘1節
9-1props vs state 的選擇原則12:36
第10章實用工具41分鐘2節
10-1動畫效果22:19
10-2資料雙向繫結19:33
第11章開發環境19分鐘1節
11-1配置模組化開發環境19:53
第12章樹元件開發實戰2小時11分鐘8節
12-1樹元件開發實戰（一）19:03
12-2樹元件開發實戰（二）10:22
12-3樹元件開發實戰（三）17:04
12-4樹元件開發實戰（四）18:09
12-5樹元件開發實戰（五）21:22
12-6樹元件開發實戰（六）13:57
12-7樹元件開發實戰（七）16:21
12-8樹元件開發實戰（八）14:47
第13章flux 架構1小時42分鐘5節
13-1flux 架構概述09:00
13-2實戰編碼悟透 Store27:57
13-3實戰編碼悟透 Actions19:14
13-4實戰編碼悟透 Dispatcher23:46
13-5實戰編碼悟透 Actions 與 Web API 合理的呼叫方式22:05
第14章Facebook Flux1小時26分鐘6節
14-1Dispatcher 原始碼解析（一）18:06
14-2Dispatcher 原始碼解析（二）05:08
14-3Store 原始碼分析與例項擴充套件17:58
14-4例項複習與鞏固16:41
14-5ReduceStore 原始碼分析與例項擴充套件18:21
14-6Container 工具10:04
第15章Reflux1小時8分鐘9節
15-1Reflux 與 flux 的區別07:42
15-2建立第一個 Action02:55
15-3觸發 Action 的多種方式03:59
15-4Action hooks06:44
15-5非同步結果11:54
15-6一次性建立多個 Action03:36
15-7建立第一個 Store07:25
15-8store 監聽 action 的方式08:35
15-9React + Reflux 小程式15:28
第16章Redux7小時48分鐘25節
16-1Redux 與 Flux 、Reflux 整體上區別15:35
16-2解決狀態資料多的問題06:08
16-3大資料狀態物件如何更改13:16
16-4自己開發一個 redux22:56
16-5redux 中介軟體的原理與原型開發26:34
16-6優化自己開發的 Redux16:31
16-7官網 Redux 的基本使用方式05:19
16-8通過思維導圖講解 Redux 的整體架構24:25
16-9得到store的方法集合及其原理15:37
16-10拆分 Reducers38:21
16-11建立 Action 的多種方式17:59
16-12使用 applyMiddleware 裝載中介軟體 &[免費觀看]11:18
16-13開發 thunk 非同步 action 解析的中介軟體15:56
16-14開發 promise 非同步 action 解析的中介軟體06:16
16-15開發 promise 非同步 action 解析的中介軟體17:29
16-16開發相容 generator/promise/thunk 非同步 action 解析的中介軟體10:28
16-17redux-thunk 中介軟體的使用25:59
16-18FSA - Action 物件標準化02:12
16-19redux-promise 中介軟體的使用06:14
16-20複習與沉澱21:14
16-21React-redux 讓 UI 和 Store 相配合29:52
16-22深入講解 React-redux connect 函式用法17:47
16-23例項鞏固（上）37:13
16-24例項鞏固（中）39:38
16-25例項鞏固（下）24:42
第17章React-Router1小時35分鐘5節
17-1react-router 作用和適用條件08:09
17-2開發多頁面 React 應用程式39:13
17-3用 react-router 優化多頁面 React 應用程式22:49
17-4例項講解 react-route 基本的使用方式17:01
17-5路經萬用字元08:25
第18章有問必答1小時6分鐘10節
18-1［答］combineReducers()() 呼叫方式不太理解09:00
18-2［答］解決 Uncaught Error- Minified exception occurred ...02:16
18-3［答］解決無法監聽 div 的 keydown 事件07:14
18-4［答］combineReducers 進一步理解10:01
18-5［答］browserify 出問題先檢查程式碼是否有問題01:59
18-6［答］找到 qiangliwen 童鞋程式碼中的BUG03:10
18-7［答］深入理解 redux 中介軟體執行原理24:19
18-8［答］npm run xxx 命令指令碼的建立02:22
18-9［答］applyMiddleware 兩種方式都可行03:19
1-1課程介紹[免費觀看]06:19
第2章第一個 React 應用程式1小時44分鐘11節
2-1配置基礎執行環境08:32
2-2UI 設計與需求分析09:24
2-3把 HTML 嵌入到 javascript04:29
2-4劃分出多個元件09:27
2-5通過屬性代替固化資料03:15
2-6內部狀態資料與新增功能的實現08:29
2-7ItemEditor 刪除功能的實現19:15
2-8ItemEditor 保持功能的實現06:27
2-9編輯 Item 功能的實現07:48
2-10本章知識點總結09:41
2-11對第一個應用程式的優化17:51
第3章JSX 用法24分鐘5節
3-1JSX 的本質05:30
3-2屬性與行內樣式05:20
3-3三元運算與複雜判斷06:06
3-4根節點的個性02:41
3-5總結05:11
第4章建立元件41分鐘3節
4-1Component 與 Element 的特殊關係20:37
4-2建立 Component 的兩種方式與區別18:58
4-3修復上一課時BUG01:30
第5章元件的生命週期1小時47分鐘8節
5-1元件生命週期的原理08:36
5-2初始化階段10:36
5-3裝載階段10:36
5-4更新階段16:30
5-5解除安裝階段與生命週期總結06:19
5-6總結13:34
5-7通過例項程式碼掌握生命週期的知識點（上）17:49
5-8通過例項程式碼掌握生命週期的知識點（下）23:37
第6章元件的屬性30分鐘2節
6-1表單屬性22:17
6-2refs屬性08:01
第7章元件的事件43分鐘3節
7-1鍵盤事件例項講解11:43
7-2滑鼠事件例項講解24:55
7-3自定義事件例項講解06:39
第8章元件的通訊59分鐘3節
8-1父與子元件的通訊19:00
8-2子與父元件的通訊08:43
8-3事件匯流排通訊31:25
第9章props vs state 的博弈12分鐘1節
9-1props vs state 的選擇原則12:36
第10章實用工具41分鐘2節
10-1動畫效果22:19
10-2資料雙向繫結19:33
第11章開發環境19分鐘1節
11-1配置模組化開發環境19:53
第12章樹元件開發實戰2小時11分鐘8節
12-1樹元件開發實戰（一）19:03
12-2樹元件開發實戰（二）10:22
12-3樹元件開發實戰（三）17:04
12-4樹元件開發實戰（四）18:09
12-5樹元件開發實戰（五）21:22
12-6樹元件開發實戰（六）13:57
12-7樹元件開發實戰（七）16:21
12-8樹元件開發實戰（八）14:47
第13章flux 架構1小時42分鐘5節
13-1flux 架構概述09:00
13-2實戰編碼悟透 Store27:57
13-3實戰編碼悟透 Actions19:14
13-4實戰編碼悟透 Dispatcher23:46
13-5實戰編碼悟透 Actions 與 Web API 合理的呼叫方式22:05
第14章Facebook Flux1小時26分鐘6節
14-1Dispatcher 原始碼解析（一）18:06
14-2Dispatcher 原始碼解析（二）05:08
14-3Store 原始碼分析與例項擴充套件17:58
14-4例項複習與鞏固16:41
14-5ReduceStore 原始碼分析與例項擴充套件18:21
14-6Container 工具10:04
第15章Reflux1小時8分鐘9節
15-1Reflux 與 flux 的區別07:42
15-2建立第一個 Action02:55
15-3觸發 Action 的多種方式03:59
15-4Action hooks06:44
15-5非同步結果11:54
15-6一次性建立多個 Action03:36
15-7建立第一個 Store07:25
15-8store 監聽 action 的方式08:35
15-9React + Reflux 小程式15:28
第16章Redux7小時48分鐘25節
16-1Redux 與 Flux 、Reflux 整體上區別15:35
16-2解決狀態資料多的問題06:08
16-3大資料狀態物件如何更改13:16
16-4自己開發一個 redux22:56
16-5redux 中介軟體的原理與原型開發26:34
16-6優化自己開發的 Redux16:31
16-7官網 Redux 的基本使用方式05:19
16-8通過思維導圖講解 Redux 的整體架構24:25
16-9得到store的方法集合及其原理15:37
16-10拆分 Reducers38:21
16-11建立 Action 的多種方式17:59
16-12使用 applyMiddleware 裝載中介軟體 &[免費觀看]11:18
16-13開發 thunk 非同步 action 解析的中介軟體15:56
16-14開發 promise 非同步 action 解析的中介軟體06:16
16-15開發 promise 非同步 action 解析的中介軟體17:29
16-16開發相容 generator/promise/thunk 非同步 action 解析的中介軟體10:28
16-17redux-thunk 中介軟體的使用25:59
16-18FSA - Action 物件標準化02:12
16-19redux-promise 中介軟體的使用06:14
16-20複習與沉澱21:14
16-21React-redux 讓 UI 和 Store 相配合29:52
16-22深入講解 React-redux connect 函式用法17:47
16-23例項鞏固（上）37:13
16-24例項鞏固（中）39:38
16-25例項鞏固（下）24:42
第17章React-Router1小時35分鐘5節
17-1react-router 作用和適用條件08:09
17-2開發多頁面 React 應用程式39:13
17-3用 react-router 優化多頁面 React 應用程式22:49
17-4例項講解 react-route 基本的使用方式17:01
17-5路經萬用字元08:25
第18章有問必答1小時6分鐘10節
18-1［答］combineReducers()() 呼叫方式不太理解09:00
18-2［答］解決 Uncaught Error- Minified exception occurred ...02:16
18-3［答］解決無法監聽 div 的 keydown 事件07:14
18-4［答］combineReducers 進一步理解10:01
18-5［答］browserify 出問題先檢查程式碼是否有問題01:59
18-6［答］找到 qiangliwen 童鞋程式碼中的BUG03:10
18-7［答］深入理解 redux 中介軟體執行原理24:19
18-8［答］npm run xxx 命令指令碼的建立02:22
18-9［答］applyMiddleware 兩種方式都可行03:19
18-10［答］npm start 執行失敗的原因02:36