Redux 筆記一：簡(jiǎn)單串講

• React 筆記一：簡(jiǎn)單串講
• Redux 筆記一：簡(jiǎn)單串講

介紹

Redux并不是React的必須品，但是如果與數(shù)據(jù)“打交道”。用上Redux有效提高數(shù)據(jù)流的管理。

在這些情況需要用到Redux，來(lái)自阮一峰老師的Redux 入門(mén)教程（一）：基本用法

• 用戶的使用方式復(fù)雜
• 不同身份的用戶有不同的使用方式（比如普通用戶和管理員）
• 多個(gè)用戶之間可以協(xié)作
• 與服務(wù)器大量交互，或者使用了WebSocket
• View要從多個(gè)來(lái)源獲取數(shù)據(jù)

主要構(gòu)成

主要就是幾個(gè)構(gòu)成環(huán)節(jié)，包括Store(Reducer)，Action，State和View做交互：

（1）Reducer：純函數(shù)，只承擔(dān)計(jì)算 State 的功能，不合適承擔(dān)其他功能，也承擔(dān)不了，因?yàn)槔碚撋希兒瘮?shù)不能進(jìn)行讀寫(xiě)操作。
（2）View：與 State 一一對(duì)應(yīng)，可以看作 State 的視覺(jué)層，也不合適承擔(dān)其他功能。
（3）Action：存放數(shù)據(jù)的對(duì)象，即消息的載體，只能被別人操作，自己不能進(jìn)行任何操作。

來(lái)自阮一峰老師的Redux 入門(mén)教程（二）：中間件與異步操作

  ║  Actions ║───>║  Stores ║──>║ View Components  ║
         ^                                          
         └───────────────────────────────────┘

來(lái)自 使用Redux管理你的React應(yīng)用

中間件

中間件是在Action發(fā)出后，Reducer執(zhí)行前的一個(gè)環(huán)節(jié)。這個(gè)環(huán)節(jié)可以完成很多附屬功能。

React-Redux

參考

redux examples

轉(zhuǎn)載，請(qǐng)表明出處。總目錄前端經(jīng)驗(yàn)收集器