46
44

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Fluxの概念図を分かりやすくしてみた

Last updated at Posted at 2015-05-28

以下は、Fluxの説明で頻繁に引用される図です。

flux-diagram

データの流れが一方向になっているのは分かりますが、それぞれのオブジェクトの関係がちょっと分かりづらいと思います。
そこで、各オブジェクトの関係がどうなっているか分かるように書き直してみました。以下の図です。

flux-diagram-custom-006

* Web API と Web API Utils は省略しています。
* Store と View はChangeEvent経由でいろいろつながってますが、実際は関連するものだけつながっています。

これから Fluxを理解しようとしている方は、この図を見ながら勉強すると分かりやすいんじゃないでしょうか。

こちらではもう少し説明を加えています。→ Fluxアーキテクチャのメモ

46
44
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
46
44

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?