Flux 不是一個程式庫 (Library)，也不只是用在 React 應用程式裡。Flux 是一個架構模式 (Pattern)，它的意義可以從 State Container 的需求開始說起。要學習 Flux 模式的精華，並不是只有 React、Action 與 Store 的程式寫作而已，還有更多你需要知道的觀念。因為，Flux 模式不只是運用在 React 應用程式，還能應用在其它領域裡。

課程內容

本課程延續 React 101 輕鬆入門 課程裡，關於「什麼時候需要 State Container」的主題開始，從建立 Flux 模式的思維開始，到撰寫 React 與 Flux 模式的應用程式。

• 繼續討論 State Container 的觀念
• State Container 的用途與導入時機
• 從 State Container 到 Flux 模式
• 了解 Flux 模式所要解決的問題
• 延續 React 與 React Material UI 課程，在練習專案裡，加入 Flux 模式實作

完整學習 Flux 模式理論基礎

Flux 是一個 Flow-Based Programming 的設計程式模式，要真正理解 Flux 模式，除了從 State Container 的觀念切入外，還必須認識 Flow-Based Programming 觀念。

• 帶你輕鬆認識 Flow-Based Programming
• 什麼是 Unidirectional Data Flow
• 何謂 Decoupled 架構

這門課程將會介紹 Flux 的設計思路、State Container 與 Flow-Based Programming 的觀念，再延續前面課程的專案練習，撰寫 React 與 Flux 模式應用程式。

適合對象

• 本課程設定的對象是 React.js 初學者
• 已學習過 React 101 輕鬆入門 的同學，可以具備銜接此課程的能力