Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
佐藤 俊太郎
PDF, PPTX
7,844 views
`redux`と`flux`を比べてみたときの個人的な感想
2015/10/28 @Gotanda.js #1
Software
◦
Read more
4
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 31
2
/ 31
3
/ 31
4
/ 31
5
/ 31
6
/ 31
7
/ 31
8
/ 31
9
/ 31
Most read
10
/ 31
11
/ 31
12
/ 31
13
/ 31
14
/ 31
15
/ 31
16
/ 31
17
/ 31
18
/ 31
19
/ 31
20
/ 31
21
/ 31
22
/ 31
23
/ 31
24
/ 31
25
/ 31
26
/ 31
27
/ 31
28
/ 31
29
/ 31
30
/ 31
31
/ 31
More Related Content
PDF
Reduxについて
by
Yuusuke Takeuchi
PDF
( ゚∀゚)o彡° Flux! Flux!
by
Yuki Ishikawa
PDF
svelte と tailwind で始めるフロントエンド開発
by
Shuichi Takaya
PDF
React.js + Flux
by
dsuke Takaoka
PDF
まだ DOM 操作で消耗してるの?
by
Yuki Ishikawa
PPTX
Reactつかってみた
by
Minori Tokuda
PDF
SIROK技術勉強会 #1 「Reactってなんだ?」
by
Naoyuki Kataoka
PPTX
くらうどって難しい.....ですか?
by
Akira Hatsune
Reduxについて
by
Yuusuke Takeuchi
( ゚∀゚)o彡° Flux! Flux!
by
Yuki Ishikawa
svelte と tailwind で始めるフロントエンド開発
by
Shuichi Takaya
React.js + Flux
by
dsuke Takaoka
まだ DOM 操作で消耗してるの?
by
Yuki Ishikawa
Reactつかってみた
by
Minori Tokuda
SIROK技術勉強会 #1 「Reactってなんだ?」
by
Naoyuki Kataoka
くらうどって難しい.....ですか?
by
Akira Hatsune
What's hot
PDF
なぜ人は必死でjQueryを捨てようとしているのか
by
Yoichi Toyota
PPT
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
by
Mori Shingo
PDF
Firefox OSでSVGをつかってみた
by
Kohei Kadowaki
PDF
ShareWisをFirefoxで動かすためのSVG的とりくみ
by
Kohei Kadowaki
PDF
Flux react現状確認会
by
VOYAGE GROUP
PDF
angular X designer - デザイナからみたAngularJS #ten1club
by
silvers ofsilvers
PDF
モダンJavaScriptフレームワークで技術的負債を作らないために
by
YukiOniki
PDF
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
by
Toshihiro Kawachi
PPTX
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
by
Seki Yousuke
PDF
React+fluxを導入した話
by
Yuki Ishikawa
PDF
インラインSVGをつかって地図っぽいものをつくってみる
by
Kohei Kadowaki
PDF
いまさら聞けない!?Backbone.js 超入門
by
Kohei Kadowaki
PPTX
ReactでCMSを作ったときにハマったこと
by
kazuki matsumura
PDF
作って分かるKnockoutJS@ALM11月
by
Takuya Ueda
PDF
使う前に知っておきたいSVGのこと
by
Kasumi Morita
PDF
Knockout.js を利用したインタラクティブ web アプリケーション開発
by
Daizen Ikehara
PPTX
ライオンでも分かるVuejs
by
lion-man
PDF
サーバサイドエンジニアが 1年間まじめにSPAやってみた
by
Itaru Kitagawa
なぜ人は必死でjQueryを捨てようとしているのか
by
Yoichi Toyota
2010-10-2 FxUG 名古屋勉強会 HTML5で遊んでみよう
by
Mori Shingo
Firefox OSでSVGをつかってみた
by
Kohei Kadowaki
ShareWisをFirefoxで動かすためのSVG的とりくみ
by
Kohei Kadowaki
Flux react現状確認会
by
VOYAGE GROUP
angular X designer - デザイナからみたAngularJS #ten1club
by
silvers ofsilvers
モダンJavaScriptフレームワークで技術的負債を作らないために
by
YukiOniki
KnockoutJS勉強会 プロジェクトにmvvmを適用する狙い
by
Toshihiro Kawachi
クライアントサイドMVVMアーキテクチャとVue.jsをまとめたよ
by
Seki Yousuke
React+fluxを導入した話
by
Yuki Ishikawa
インラインSVGをつかって地図っぽいものをつくってみる
by
Kohei Kadowaki
いまさら聞けない!?Backbone.js 超入門
by
Kohei Kadowaki
ReactでCMSを作ったときにハマったこと
by
kazuki matsumura
作って分かるKnockoutJS@ALM11月
by
Takuya Ueda
使う前に知っておきたいSVGのこと
by
Kasumi Morita
Knockout.js を利用したインタラクティブ web アプリケーション開発
by
Daizen Ikehara
ライオンでも分かるVuejs
by
lion-man
サーバサイドエンジニアが 1年間まじめにSPAやってみた
by
Itaru Kitagawa
Viewers also liked
PPTX
実践 Redux Saga -Practical Redux Saga-
by
Shinichiro Yoshida
PDF
伝わるプレゼンをする方法
by
Hideaki Miyake
PDF
プレゼンテーションの考え方20140628
by
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
PPTX
プレゼンの基本
by
Hiroyuki Nagataki
PDF
綺麗なプレゼン資料の作り方、10のテクニック
by
Manabu Uekusa
PDF
良いプレゼン 良いスライド
by
京大 マイコンクラブ
PPT
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
by
Shoe-g Ueyama
PDF
しょぼいプレゼンをパワポのせいにするな! by @jessedee
by
「MakeLeaps」請求書の作成、管理、郵送
PDF
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
PDF
魅せるPowerPointビジネスプレゼン【実践編】
by
schoowebcampus
PPT
色彩センスのいらない配色講座
by
Mariko Yamaguchi
PDF
見やすいプレゼン資料の作り方 - リニューアル増量版
by
MOCKS | Yuta Morishige
PDF
React.js触ってみた 吉澤和香奈
by
Wakana Yoshizawa
PDF
React on rails v4
by
Justin Gordon
PDF
自作ゲームをWebpack対応させてみた
by
Yuusuke Takeuchi
PDF
React.js + Flux入門 #scripty02
by
Yahoo!デベロッパーネットワーク
PPT
マーケティングテクノロジー勉強会
by
伊藤 孝
PDF
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
by
佑介 九岡
PDF
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
by
Yusuke Murata
PDF
React.js and Flux in details
by
Artyom Trityak
実践 Redux Saga -Practical Redux Saga-
by
Shinichiro Yoshida
伝わるプレゼンをする方法
by
Hideaki Miyake
プレゼンテーションの考え方20140628
by
Professional University of Information and Management for Innovation (情報経営イノベーション専門職大学)
プレゼンの基本
by
Hiroyuki Nagataki
綺麗なプレゼン資料の作り方、10のテクニック
by
Manabu Uekusa
良いプレゼン 良いスライド
by
京大 マイコンクラブ
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
by
Shoe-g Ueyama
しょぼいプレゼンをパワポのせいにするな! by @jessedee
by
「MakeLeaps」請求書の作成、管理、郵送
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
魅せるPowerPointビジネスプレゼン【実践編】
by
schoowebcampus
色彩センスのいらない配色講座
by
Mariko Yamaguchi
見やすいプレゼン資料の作り方 - リニューアル増量版
by
MOCKS | Yuta Morishige
React.js触ってみた 吉澤和香奈
by
Wakana Yoshizawa
React on rails v4
by
Justin Gordon
自作ゲームをWebpack対応させてみた
by
Yuusuke Takeuchi
React.js + Flux入門 #scripty02
by
Yahoo!デベロッパーネットワーク
マーケティングテクノロジー勉強会
by
伊藤 孝
AWS re:Invent 2015に初参戦→気づいたらOSS二つ作ってた
by
佑介 九岡
ReactをRailsとどっぷり使ってみた話と、フロントエンド×AWSのこれから
by
Yusuke Murata
React.js and Flux in details
by
Artyom Trityak
Similar to `redux`と`flux`を比べてみたときの個人的な感想
PDF
Reduxについて
by
Kengo Shibayama
PPTX
React + Reduxで作る対話AI
by
Kentaro Tada
PDF
サービスの成長を支えるフロントエンド開発 #denatechcon
by
DeNA
PDF
サンプルTodoから見るreact,flux,redux(古川)
by
hisakatsu furukawa
PDF
React Redux Storybook Swagger でフロント爆速開発
by
ShotaOd
PPTX
reduxのstate設計の話
by
ayatas0623
PPTX
React + FLUX + Redux + Redux Saga のお話
by
Shinichiro Yoshida
PDF
React + Flux
by
_yukikayuki
PDF
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
by
Yuta Shimakawa
Reduxについて
by
Kengo Shibayama
React + Reduxで作る対話AI
by
Kentaro Tada
サービスの成長を支えるフロントエンド開発 #denatechcon
by
DeNA
サンプルTodoから見るreact,flux,redux(古川)
by
hisakatsu furukawa
React Redux Storybook Swagger でフロント爆速開発
by
ShotaOd
reduxのstate設計の話
by
ayatas0623
React + FLUX + Redux + Redux Saga のお話
by
Shinichiro Yoshida
React + Flux
by
_yukikayuki
FluxのDispatcherとAction周りのことでもやもやしていることを晒してみる
by
Yuta Shimakawa
More from 佐藤 俊太郎
PDF
iOSオジサンは JSオジサンを これからも覗きにくる
by
佐藤 俊太郎
PDF
Source kittenについて
by
佐藤 俊太郎
PDF
Bond の v4 について
by
佐藤 俊太郎
PDF
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
by
佐藤 俊太郎
PDF
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
by
佐藤 俊太郎
PDF
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
by
佐藤 俊太郎
PDF
Createjsについて@jsCafe20
by
佐藤 俊太郎
PDF
flasherがはじめてiOS開発をしてみて
by
佐藤 俊太郎
KEY
Introduction for cocos2d
by
佐藤 俊太郎
iOSオジサンは JSオジサンを これからも覗きにくる
by
佐藤 俊太郎
Source kittenについて
by
佐藤 俊太郎
Bond の v4 について
by
佐藤 俊太郎
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
by
佐藤 俊太郎
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
by
佐藤 俊太郎
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
by
佐藤 俊太郎
Createjsについて@jsCafe20
by
佐藤 俊太郎
flasherがはじめてiOS開発をしてみて
by
佐藤 俊太郎
Introduction for cocos2d
by
佐藤 俊太郎
`redux`と`flux`を比べてみたときの個人的な感想
1.
`redux`と`flux`を比べてみたときの個人的な感想 2015/10/28 @Gotanda.js #1
2.
自己紹介 @ushisantoasobu ここ1年以上は主にスマートフォンアプリエンジニア この秋から業務で久しぶりにjsをさわることに
3.
前提 業務でReactのアプリケーションのデモ版みたいなものをつくっ てるところ Fluxフレームワークは話題になっていた`redux`で実装した が、他のとどう違うのかよくわからなかった Facebook社製の`flux`でも書いてみた
4.
今日話すこと 個人的に感じた`redux`と`flux`の違い 設計思想とかというよりはフレームワークを利用する側の視点で
5.
余談 `redux` => 8179 `flux`
=> 8841 2015/10/27時点 starの数
6.
https://github.com/voronianski/flux-comparison 余談
7.
余談
8.
学習コスト `redux`のほうが高い `Provider` `reducer` `connect` => FluxアーキテクチャとAPIが合致しづらい ( 注
: `Provider`と`connect`は正しくはreact-redux )
9.
学習コスト `redux`のほうが高い `Provider` `reducer` `connect` => FluxアーキテクチャとAPIが合致しづらい ( 注
: `Provider`と`connect`は正しくはreact-redux ) stateをハンドリングする役割 (以前はstoresという名称だった)
10.
学習コスト `redux`のほうが高い => ルートまわりの初期設定
11.
学習コスト
12.
学習コスト
13.
コードの量 `flux`のほうが冗長になる `flux`使ったときのStore、ここらへんいちいち書かなくちゃいけないの?
14.
コードの量 `flux`使ったときのComponent、ここらへんいちいち書かなくちゃいけないの? `flux`のほうが冗長になる
15.
`store` `redux` => single
state tree の設計 `flux` => そのような制限はない(やろうと思えばできるん だろうけどそういった設計になっていない、はず) 一番重要なところ
16.
`store` `flux-comparison`のデモ
17.
`store` flux state state
18.
`store` state redux
19.
`store` flux
20.
`store` flux それぞれのcomponentが stateを管理している
21.
`store` redux
22.
`store` redux createStoreで生成されたstore内に アプリケーション全体のstateが保持されている
23.
`store` redux `redux-router`を使って ルーティングもstateで管理する
24.
`store` `redux` = single
state tree => それぞれのコンポーネントは、 I/Fとしてのpropsのみを書いておけばいいので キレイに保てる redux
25.
`store` `redux` = single
state tree => stateの管理がシンプルになる redux
26.
`store` single state tree
って巨大になっていったときにどうなるの? redux
27.
`store` single state tree
って巨大になっていったときにどうなるの? redux
28.
`store` single state tree
って巨大になっていったときにどうなるの? redux reducerは分割して管理することが可能
29.
`middleware` 時間ないので省略・・・
30.
テスト `action`はただのオブジェクト `reducer`はpure function componentは基本propsをもったもの テストのドキュメントがしっかり整備されている(非同期ま わりの処理も含む) `redux`のほうがテストしやすい
31.
ご静聴ありがとうございました (^ω^) セフセフ!
Download