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 是一個 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 輕鬆入門 的同學,可以具備銜接此課程的能力