Skip to content

Latest commit

 

History

History
27 lines (17 loc) · 1.66 KB

README.md

File metadata and controls

27 lines (17 loc) · 1.66 KB

Flux 不是一個程式庫 (Library),也不只是用在 React 應用程式裡。Flux 是一個架構模式 (Pattern),它的意義可以從 State Container 的需求開始說起。要學習 Flux 模式的精華,並不是只有 React、ActionStore 的程式寫作而已,還有更多你需要知道的觀念。因為,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 輕鬆入門 的同學,可以具備銜接此課程的能力