Riot.jsでFluxのデモ実装した。

フロントエンド開発でコンポーネント指向で書きたいのは間違いないんですが、 Reactは簡単な事をするのにも大量のコードを必要として手軽に書くのには辛いライブラリだと思っていたところ、 Qiitaでよさ気なライブラリが話題になってました。

• Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita
• Riotjsのいいところ - Qiita

もともとfluxのデモコードがまったく理解できなくて悩んでいたところだったので2つのデモを実装しました。

• Todo
• Chat

https://github.com/uzimith/flux-practice

Fluxについて

fluxのコンセプトについては公式サイト読んでても全く理解できなかったので、下のサイトを見て覚えました。

• Fluxアーキテクチャの覚え書きを書いた - snyk_s log
• Fluxとはなんだったのか + misc at 2014 - snyk_s log
• What the flux?

Actionが(ユーザーの)動作、DispatcherがObserver、StoreがModelでAction -> Dispatcher -> Store -> Viewの一方通行でデータが動くと思えば大体合ってる気がします。

しかし、いまだにWEB APIがActionCreaterから呼び出される利点が未だに分かってないです。Storeで隠蔽してもいいと思うんですが。 複数のStoreを叩く必要があるAPI呼び出しを書く際に困らない、のかなといったところ。