Home
Explore
Submit Search
Upload
Login
Signup
Advertisement
Check these out next
関数プログラミングことはじめ
Naoki Kitora
AngularJSとFluxとRiotJSと
Ryo Iinuma
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
Explotación infantil.Antonio Pérez 4º B
galofix
Review of work in progress October 2012 Part 1
Peter Missen
Linguagem sql
Vitor Alves
kan resume
Kan Mani
Framework Foundation Basicão
Carlos Eduardo Kadu
1
of
19
Top clipped slide
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
Feb. 16, 2015
•
0 likes
3 likes
×
Be the first to like this
Show More
•
2,652 views
views
×
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download Now
Download to read offline
Report
Software
#歌舞伎座Tech #6 VirtualDOMとReactのLT資料
Yuta Shimakawa
Follow
Web Programmer at Gurunavi
Advertisement
Advertisement
Advertisement
Recommended
サーバレスBIデモ
Keisuke Tokuda
164 views
•
7 slides
型についてあれこれ
Yuta Shimakawa
822 views
•
18 slides
Livesense tech night immutable-js at a glance
Yuta Shimakawa
1.8K views
•
47 slides
Web workers¶llel.js html5勉強会lt大会
Yuta Shimakawa
1.2K views
•
25 slides
Trait in scala
Yuta Shimakawa
1.5K views
•
37 slides
PHPでもモダンでスケーラブルな開発を DevLOVE現場甲子園2013発表資料
Yuta Shimakawa
13.6K views
•
60 slides
More Related Content
Viewers also liked
(16)
関数プログラミングことはじめ
Naoki Kitora
•
1.5K views
AngularJSとFluxとRiotJSと
Ryo Iinuma
•
5K views
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
•
14.5K views
Explotación infantil.Antonio Pérez 4º B
galofix
•
223 views
Review of work in progress October 2012 Part 1
Peter Missen
•
307 views
Linguagem sql
Vitor Alves
•
995 views
kan resume
Kan Mani
•
238 views
Framework Foundation Basicão
Carlos Eduardo Kadu
•
388 views
7 ingredients to search engine optimisation (SEO) for Joomla
Peter Bui
•
11.4K views
Diasanpatrick's xavicid
xavi1090
•
130 views
SEO nieuws Google Cirles SEO Universiteit
Nicky Wong
•
302 views
Review of work in progress March 2012 - Part 2
Peter Missen
•
244 views
FORMAR PALABRAS
MARI LUZ M. M.
•
172 views
Literate Environment Analysis by Jessica Kemp
Jessica Kemp
•
334 views
Canción la fruta presentación
MARI LUZ M. M.
•
639 views
Technology update
jumus jumbuck
•
189 views
Recently uploaded
(20)
☀️【萨德伯里大学毕业证成绩单留学生首选】
15sad
•
2 views
①【劳里埃大学毕业证文凭学位证书|工艺完美复刻】
love445ds
•
2 views
留信网认证可查【怀俄明大学文凭证书毕业证购买】
1lkjhg
•
2 views
JSUG Info Vol.13
Draft One
•
3 views
☀️【波恩大学毕业证成绩单留学生首选】
bjd42as
•
2 views
留信网认证可查【马努卡理工学院文凭证书毕业证购买】
ihh14ds
•
2 views
留信网认证可查【波恩大学文凭证书毕业证购买】
khh123kj
•
2 views
測量支援ソフト「みとおしえ」「みとおしえクラウド」の紹介
ssuserbceee8
•
59 views
☀️《USD毕业证仿真》
jjkjkijk
•
2 views
☀️【斯旺西大学毕业证成绩单留学生首选】
25mjhd12
•
2 views
留信网认证可查【莱比锡大学文凭证书毕业证购买】
khh123kj
•
2 views
留信网认证可查【奥克兰大学文凭证书毕业证购买】
ihh14ds
•
2 views
留信网认证可查【太平洋大学文凭证书毕业证购买】
hh123hh1
•
2 views
留信网认证可查【俄亥俄大学文凭证书毕业证购买】
1lkjhg
•
2 views
キレイなコードって.pdf
shumashimo1
•
12 views
測量データ処理システム「MarineDiscoveryクラウド」の紹介
ssuserbceee8
•
56 views
留信网认证可查【萨福克大学文凭证书毕业证购买】
hh123hh1
•
3 views
設計/ドメイン設計(1) 【クラウドアプリケーションのためのオブジェクト指向分析設計講座 第23回】
Tomoharu ASAMI
•
31 views
在哪里可以做《南安普顿大学文凭证书|毕业证》
1232hdjk
•
2 views
在哪里可以做《邦德大学文凭证书|毕业证》
kjds1245
•
2 views
Advertisement
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
Fluxの話
var me =
{ name: Yuta Shimakawa , twitter: @banana_umai , qiita: bananaumai , github: bananaumai , belongingTo: Livesense, Inc , }
FluxのDispatcherとAction 周りのことでもやもやして いることを晒してみる
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
var SomeActionTypes =
{ FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO,
var SomeActionTypes =
{ FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO, Action
var SomeActionTypes =
{ FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO, ActionCreator
var SomeActionTypes =
{ FOO: null } var SomeActionCreator = { foo: function(txt) { Dispatcher.dispatch({ actionType: SomeActionTypes.FOO,
何だか少し冗長で書いてて やや気持ち悪い感ガガガガ
https://github.com/facebook/flux/blob/master/examples/flux-todomvc/js/actions/TodoActions.js
ActionCreatorの中で、値に 応じてDispatchするActionを 振り分けることができるのか。
ところで
RefluxJS
Actions Store Views
https://github.com/spoike/refluxjs-todo
ActionCreator -> Action-> Dispatcherの美味しい使い方 ご存じの方は、ぜひぜひご教 えてくださいm(_
_)m
ありがとうございました
Advertisement