Download to read offline
More Related Content
( ﾟ∀ﾟ)o彡° Flux！ Flux！
- 1. ( ﾟ ﾟ)o彡°Flux！ Flux！ 2015/05/21 GX社内勉強会 @hoto17296
- 2. 今日話すこと • Flux の概念 •他アーキテクチャとの関連
- 3. 今日話さないこと • React.js • Fluxの具体的な実装
- 5. 概要 • Facebook 発祥のアーキテクチャ •特定のモジュールを指すものではない • さまざまな Flux 実装がある • fluxxor, flummox, fluxible, etc... • 誰でも実装できるくらいシンプル
- 6.
- 7.
- 8. 圧倒的シンプル!!! ＼＼ ٩( ‘ω’)و //／／
- 9.
- 10. Unidirectional Data Flow •データが一方向にしか流れないという制約 • 構造がスパゲッティになりにくい
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. 本来の MVC も Unidirectionalじゃん!!!
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25. Dispatcher の役割（私見） • 流れを整える者 •すべての流れをいったん一箇所に集約する ことで Unidirectional を崩れにくくする • Flux を構成する重要な要素ではあるが アプリケーションそのものではない
- 26. 結局 Flux の何がいいのか •各要素が極めて疎結合 • View は React として切り出されている • Action Creator Store は Dispatcher と Unidirectional Data Flow によって分断されている
- 27. Flux の困るところ • Routerや Fetcher が存在しない • Angular のフルスタックさとは程遠い • 自分で設計すればよい • コードが冗長になる • 可読性のための冗長性は正義では？
- 28. まとめ • Flux は特別新しいアーキテクチャではない •既存のアーキテクチャを見直す いい機会かもしれない