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
670
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
すべてのコンテキストを、 ユーザー価値に変える
applism118
4
1.4k
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
1k
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
600
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.5k
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
870
VS Code Update for GitHub Copilot
74th
2
670
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
370
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
5
660
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
97
34k
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
680
型で語るカタ
irof
0
550
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
We Have a Design System, Now What?
morganepeng
53
7.7k
Typedesign – Prime Four
hannesfritz
42
2.7k
Rails Girls Zürich Keynote
gr2m
95
14k
Fireside Chat
paigeccino
37
3.5k
Six Lessons from altMBA
skipperchong
28
3.9k
The Cult of Friendly URLs
andyhume
79
6.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
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