タグ

JavaScriptとfluxに関するtomiyanxのブックマーク (2)

  • FacebookのFluxアーキテクチャの始め方 Part 1 | POSTD

    私のように、Reactを使ってより進んだことがしたいと考えたなら、おそらく Flux に注目した経験があると思います。ざっと目を通してタブを閉じ、JavaScript開発者としての自分の人生を見直したことでしょう。 もしReactになじみがなければ、私の記事 「React入門」 を読んでみてください。 Fluxとは? Fluxは、遠目には始めるために複雑な手順を踏まなければいけないように映ります。しかし、 GitHubにあるexample を見てみれば、これがどのように機能するのかが実に明確になってきます。 簡単に言うと、Fluxは美化された 出版-購読型モデル のアーキテクチャです。データはシステム内を一方向に流れ、そこから様々な利用者が必要に応じてデータを取得します。これについて考えるには、私たちの体に例えてみると簡単です。 イベント – 血液 血液は私たちの体内を一方向に流れています

    FacebookのFluxアーキテクチャの始め方 Part 1 | POSTD
  • Fluxデザインパターンの勉強 - Qiita

    Action Dispatcherへデータを渡すヘルパークラス。 外部と通信する場合はここが受け持つ Dispatcher Actionをトリガーとして、コールバックを呼ぶ。 アプリケーションの中心。 Store Dispatcherから呼び出されるコールバックを持っている。 アプリケーションの状態を管理する。 View Storeから状態情報を受け取って描画処理を行う。 Dispatcher コールバックを呼び出して、actionをStoreに伝える機構 実装 Pub/Sub型である必要はない。 (各アクションは、すべてのコールバックに対して配信されるから。イベント名とかを管理する必要がない。) 各actionに対して、どのような処理を行うかというルーティングはStore側で行う。 依存関係解決の仕組み 例えば、の販売システムで、「ShoeStore」を更新してから、「Checkout

    Fluxデザインパターンの勉強 - Qiita
  • 1