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
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
530
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
830
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
11k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
ふつうの技術スタックでアート作品を作ってみる
akira888
1
890
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
250
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
740
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
790
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
13
4.8k
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
Featured
See All Featured
Designing for Performance
lara
610
69k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Docker and Python
trallard
44
3.5k
Adopting Sorbet at Scale
ufuk
77
9.5k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
310
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Typedesign – Prime Four
hannesfritz
42
2.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
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