Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる

1,890 views

Published on

#歌舞伎座Tech #6 VirtualDOMとReactのLT資料

Published in: Software
  • Be the first to comment

FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる

  1. 1. Fluxの話
  2. 2. var me = { name: Yuta Shimakawa , twitter: @banana_umai , qiita: bananaumai , github: bananaumai , belongingTo: Livesense, Inc , }
  3. 3. FluxのDispatcherとAction 周りのことでもやもやして いることを晒してみる
  4. 4. ActionはDispatcherを通じてStoreに渡るオブジェクト。 Actionの識別子とStoreが処理するデータを持つ。 Actionを受け取ったStore側はActionの識別子を見て自分が処 理すべきか、処理するならばどのような処理を行うべきかを判断 し、データフィールドのデータを使ってなんらかの処理をする。 ActionCreatorはActionを作成し、それをDispacherに引き渡 すメソッド。Viewを通じたユーザーインタラクションやHTTPな どの通信によって発生するイベントの中で呼び出される。 http://facebook.github.io/flux/docs/actions-and-the-dispatcher.html http://qiita.com/bananaumai/private/c43fc73d66e51a535e36
  5. 5. var SomeActionTypes = { FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO,
  6. 6. var SomeActionTypes = { FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO, Action
  7. 7. var SomeActionTypes = { FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO, ActionCreator
  8. 8. var SomeActionTypes = { FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO,
  9. 9. 何だか少し冗長で書いてて やや気持ち悪い感ガガガガ
  10. 10. https://github.com/facebook/flux/blob/master/examples/flux-todomvc/js/actions/TodoActions.js
  11. 11. ActionCreatorの中で、値に 応じてDispatchするActionを 振り分けることができるのか。
  12. 12. ところで
  13. 13. RefluxJS
  14. 14. Actions Store Views
  15. 15. https://github.com/spoike/refluxjs-todo
  16. 16. ActionCreator -> Action-> Dispatcherの美味しい使い方 ご存じの方は、ぜひぜひご教 えてくださいm(_ _)m
  17. 17. ありがとうございました

×