Flux用于 React 的數(shù)據(jù)流架構(gòu)

Flux 是一個Facebook開發(fā)的、利用單向數(shù)據(jù)流實(shí)現(xiàn)的應(yīng)用架構(gòu)，用于 React。Flux應(yīng)用有三個主要的部分組成：調(diào)度程序、存儲和視圖（React 組件）。

Facebook工程經(jīng)理Tom Occhino說，由于他們“非常巨大”的代碼庫和龐大的組織，因而需要“以某種方式使代碼結(jié)構(gòu)化，使其更加可預(yù)測”。這已經(jīng)通過 Flux 和 React 完成。Flux是一個系統(tǒng)架構(gòu)，用于推進(jìn)應(yīng)用中的數(shù)據(jù)單向流動。React是一個JavaScript框架，用于構(gòu)建“可預(yù)期的”和“聲明式的”Web用戶界面，它已經(jīng)使Facebook更快地開發(fā)Web應(yīng)用。 

Flux 應(yīng)用示例：

• 簡單的例子：TodoMVC

• 復(fù)雜一點(diǎn)的例子：聊天客戶端

Flux 一個數(shù)據(jù)流周期：

Views ---> (actions) ----> Dispatcher ---> (registered callback) ---> Stores -------+
?                                                                                   |
|                                                                                   V
+-- (Controller-Views "change" event handlers) ---- (Stores emit "change" events) --+

Flux 相關(guān)文檔：

• 一個用于React的應(yīng)用架構(gòu)

• Flux 架構(gòu)

• TodoMVC 指南