Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
A Guide to Redux + Angular
Search
Pavithra Kodmad
September 27, 2016
Programming
1
680
A Guide to Redux + Angular
My talk at Angular Connect
Pavithra Kodmad
September 27, 2016
Tweet
Share
Other Decks in Programming
See All in Programming
Le côté obscur des IA génératives
pascallemerrer
0
130
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
580
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
790
Catch Up: Go Style Guide Update
andpad
0
190
止められない医療アプリ、そっと Swift 6 へ
medley
1
130
クラシルを支える技術と組織
rakutek
0
190
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
160
実践AIチャットボットUI実装入門
syumai
7
2.5k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
3
1.2k
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
940
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
170
開発生産性を上げるための生成AI活用術
starfish719
1
190
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
How to Think Like a Performance Engineer
csswizardry
27
2k
How GitHub (no longer) Works
holman
315
140k
KATA
mclloyd
32
15k
Code Reviewing Like a Champion
maltzj
525
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
It's Worth the Effort
3n
187
28k
Embracing the Ebb and Flow
colly
88
4.8k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
A designer walks into a library…
pauljervisheath
209
24k
GraphQLとの向き合い方2022年版
quramy
49
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Transcript
A Guide to Angular + Redux Pavithra Kodmad @pkodmad
Problems to solve Unclear Data Flow with double binding (ngModel/ngRepeat)
Problems to solve Non-isolated child scope scope: {}
Problems to solve Component communications $emit/$broadcast/watch
Problems to solve Hard to discover functionality and test
Problems to solve ES6 (Modules and spread op)
Redux Primer
Redux Single immutable application state
Redux State is held by Redux Store
Redux http://gaearon.github.io/the-redux-journey/
Redux Reducer (state, action) => state
Redux
Redux Actions are dispatched by Composable View (Here Angular)
Redux
Redux View subscribes to state changes Refreshes itself
Redux https://twitter.com/thekitze/status/727821044308967425
ng-redux - Angular bindings to redux $ngRedux.createStoreWith(rootReducer) $ngRedux.connect()($scope) https://github.com/angular-redux/ng-redux
ng-redux
ng-redux
ng-redux
ng-redux
Problems solved Unclear Data Flow with double binding Non-isolated child
scope Component communication Hard to test
None
What about ES6?
ES6 + Angular
Resources Angular redux Todomvc https://github.com/kalcifer/todomvc/tree/angular-redux Ng-redux https://github.com/angular-redux/ng-redux About using ng-redux
http://blog.rangle.io/managing-state-redux-angular/ Redux https://egghead.io/redux Babelify https://github.com/babel/babelify
A Guide to Angular + Redux Pavithra Kodmad @pkodmad