Enviar pesquisa
Carregar
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
•
3 gostaram
•
2,657 visualizações
Yuta Shimakawa
Seguir
#歌舞伎座Tech #6 VirtualDOMとReactのLT資料
Leia menos
Leia mais
Software
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 19
Baixar agora
Baixar para ler offline
Recomendados
サーバレスBIデモ
サーバレスBIデモ
Keisuke Tokuda
型についてあれこれ
型についてあれこれ
Yuta Shimakawa
Livesense tech night immutable-js at a glance
Livesense tech night immutable-js at a glance
Yuta Shimakawa
Web workers¶llel.js html5勉強会lt大会
Web workers¶llel.js html5勉強会lt大会
Yuta Shimakawa
Trait in scala
Trait in scala
Yuta Shimakawa
PHPでもモダンでスケーラブルな開発を DevLOVE現場甲子園2013発表資料
PHPでもモダンでスケーラブルな開発を DevLOVE現場甲子園2013発表資料
Yuta Shimakawa
タスクボード始めました(仮)++ アジャイルサムライ他流試合
タスクボード始めました(仮)++ アジャイルサムライ他流試合
Yuta Shimakawa
React + Flux
React + Flux
_yukikayuki
Recomendados
サーバレスBIデモ
サーバレスBIデモ
Keisuke Tokuda
型についてあれこれ
型についてあれこれ
Yuta Shimakawa
Livesense tech night immutable-js at a glance
Livesense tech night immutable-js at a glance
Yuta Shimakawa
Web workers¶llel.js html5勉強会lt大会
Web workers¶llel.js html5勉強会lt大会
Yuta Shimakawa
Trait in scala
Trait in scala
Yuta Shimakawa
PHPでもモダンでスケーラブルな開発を DevLOVE現場甲子園2013発表資料
PHPでもモダンでスケーラブルな開発を DevLOVE現場甲子園2013発表資料
Yuta Shimakawa
タスクボード始めました(仮)++ アジャイルサムライ他流試合
タスクボード始めました(仮)++ アジャイルサムライ他流試合
Yuta Shimakawa
React + Flux
React + Flux
_yukikayuki
関数プログラミングことはじめ
関数プログラミングことはじめ
Naoki Kitora
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
Explotación infantil.Antonio Pérez 4º B
Explotación infantil.Antonio Pérez 4º B
galofix
Review of work in progress October 2012 Part 1
Review of work in progress October 2012 Part 1
Peter Missen
Linguagem sql
Linguagem sql
Vitor Alves
kan resume
kan resume
Kan Mani
Framework Foundation Basicão
Framework Foundation Basicão
Carlos Eduardo Kadu
7 ingredients to search engine optimisation (SEO) for Joomla
7 ingredients to search engine optimisation (SEO) for Joomla
Peter Bui
Diasanpatrick's xavicid
Diasanpatrick's xavicid
xavi1090
SEO nieuws Google Cirles SEO Universiteit
SEO nieuws Google Cirles SEO Universiteit
Nicky Wong
Review of work in progress March 2012 - Part 2
Review of work in progress March 2012 - Part 2
Peter Missen
FORMAR PALABRAS
FORMAR PALABRAS
MARI LUZ M. M.
Literate Environment Analysis by Jessica Kemp
Literate Environment Analysis by Jessica Kemp
Jessica Kemp
Canción la fruta presentación
Canción la fruta presentación
MARI LUZ M. M.
Technology update
Technology update
jumus jumbuck
Mais conteúdo relacionado
Destaque
関数プログラミングことはじめ
関数プログラミングことはじめ
Naoki Kitora
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
Ryo Iinuma
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
Explotación infantil.Antonio Pérez 4º B
Explotación infantil.Antonio Pérez 4º B
galofix
Review of work in progress October 2012 Part 1
Review of work in progress October 2012 Part 1
Peter Missen
Linguagem sql
Linguagem sql
Vitor Alves
kan resume
kan resume
Kan Mani
Framework Foundation Basicão
Framework Foundation Basicão
Carlos Eduardo Kadu
7 ingredients to search engine optimisation (SEO) for Joomla
7 ingredients to search engine optimisation (SEO) for Joomla
Peter Bui
Diasanpatrick's xavicid
Diasanpatrick's xavicid
xavi1090
SEO nieuws Google Cirles SEO Universiteit
SEO nieuws Google Cirles SEO Universiteit
Nicky Wong
Review of work in progress March 2012 - Part 2
Review of work in progress March 2012 - Part 2
Peter Missen
FORMAR PALABRAS
FORMAR PALABRAS
MARI LUZ M. M.
Literate Environment Analysis by Jessica Kemp
Literate Environment Analysis by Jessica Kemp
Jessica Kemp
Canción la fruta presentación
Canción la fruta presentación
MARI LUZ M. M.
Technology update
Technology update
jumus jumbuck
Destaque
(16)
関数プログラミングことはじめ
関数プログラミングことはじめ
AngularJSとFluxとRiotJSと
AngularJSとFluxとRiotJSと
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Explotación infantil.Antonio Pérez 4º B
Explotación infantil.Antonio Pérez 4º B
Review of work in progress October 2012 Part 1
Review of work in progress October 2012 Part 1
Linguagem sql
Linguagem sql
kan resume
kan resume
Framework Foundation Basicão
Framework Foundation Basicão
7 ingredients to search engine optimisation (SEO) for Joomla
7 ingredients to search engine optimisation (SEO) for Joomla
Diasanpatrick's xavicid
Diasanpatrick's xavicid
SEO nieuws Google Cirles SEO Universiteit
SEO nieuws Google Cirles SEO Universiteit
Review of work in progress March 2012 - Part 2
Review of work in progress March 2012 - Part 2
FORMAR PALABRAS
FORMAR PALABRAS
Literate Environment Analysis by Jessica Kemp
Literate Environment Analysis by Jessica Kemp
Canción la fruta presentación
Canción la fruta presentación
Technology update
Technology update
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
1.
Fluxの話
2.
var me =
{ name: Yuta Shimakawa , twitter: @banana_umai , qiita: bananaumai , github: bananaumai , belongingTo: Livesense, Inc , }
3.
FluxのDispatcherとAction 周りのことでもやもやして いることを晒してみる
4.
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
15.
16.
Actions Store Views
17.
https://github.com/spoike/refluxjs-todo
18.
ActionCreator -> Action-> Dispatcherの美味しい使い方 ご存じの方は、ぜひぜひご教 えてくださいm(_
_)m
19.
ありがとうございました
Baixar agora