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

1. Fluxの話

2. var me = {
name: Yuta Shimakawa ,
twitter: @banana_umai ,
qiita: bananaumai ,
github: bananaumai ,
belongingTo: Livesense, Inc ,
}

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

5. 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

6. var SomeActionTypes = {
FOO: null
}
var SomeActionCreator = {
foo: function(txt) {
Dispatcher.dispatch({
actionType: SomeActionTypes.FOO,

7. var SomeActionTypes = {
FOO: null
}
var SomeActionCreator = {
foo: function(txt) {
Dispatcher.dispatch({
actionType: SomeActionTypes.FOO,
Action

8. var SomeActionTypes = {
FOO: null
}
var SomeActionCreator = {
foo: function(txt) {
Dispatcher.dispatch({
actionType: SomeActionTypes.FOO,
ActionCreator

9. var SomeActionTypes = {
FOO: null
}
var SomeActionCreator = {
foo: function(txt) {
Dispatcher.dispatch({
actionType: SomeActionTypes.FOO,

10. 何だか少し冗長で書いてて
やや気持ち悪い感ガガガガ

11. https://github.com/facebook/flux/blob/master/examples/flux-todomvc/js/actions/TodoActions.js

12. ActionCreatorの中で、値に
応じてDispatchするActionを
振り分けることができるのか。

13. ところで

14. RefluxJS

16. Actions Store Views

17. https://github.com/spoike/refluxjs-todo

18. ActionCreator -> Action->
Dispatcherの美味しい使い方
ご存じの方は、ぜひぜひご教
えてくださいm(_ _)m

19. ありがとうございました