Level 12. 深入淺出 Flux

歡迎來到「24 小時，React 快速入門」系列教學 🎓 Level 12 ～！

：Wish you have a happy learning!

🏁 關卡目標

1. 習得心法：
2. 理解 Flux 是什麼，如何用一句話定義 Flux
3. 清楚 Flux 中每個角色所扮演的職責和互動方式
4. 認識 Flux 的運作流程

🚩 打通 Flux 的任督二脈

：少年，我看你天資聰穎，是萬中選一的前端人，我這有一篇...祕笈，幫你深入淺出 Flux 的武功心法，你斟酌看看 🍭

上方是 Facebook 提供的 Flux 架構圖，要確認你是否吸收了 Flux 精髓，你可以詢問自己以下幾個問題：

1. Flux 是什麼，可以幫助你什麼（試著用一句話定義）
2. Flux 主要的四個角色是誰，他們的職責是什麼
3. 看著圖，簡述 Flux 的運作流程

如果你認為自己的回答還有地方卡卡的，可以

1. 再讀一次祕笈
2. 閱讀下方其他大神的見解
3. 直接進入下一關，從 code 學習

最後，再次回答上面的問題，驗證所學：）

：Good Luck! 🍀 也非常歡迎你開 issue 直接詢問我 ^ ^

參考連結

• Flux For Stupid People
• A cartoon guide to Flux
• The Case for Flux
• 從 Flux 與 MVC 的差異來簡介 Flux

🚀

｜ 主頁 ｜ 上一關 ｜ 下一關. 完成 Dispatcher：Flux 最重要的角色 ｜

｜ 🙋 我要提問 ｜