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
550
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
使ってみよう Azure AI Document Intelligence
kosmosebi
2
300
Ruby Pattern Matching
bkuhlmann
0
920
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
Goのmultiple errorsについて (2024年4月版)
syumai
3
650
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
140
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Milestoner
bkuhlmann
1
410
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
360
Git Lint
bkuhlmann
4
750
PHPはいつから死んでいるかの調査
chiroruxx
1
400
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
91
13k
How to name files
jennybc
65
93k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
A designer walks into a library…
pauljervisheath
200
23k
Product Roadmaps are Hard
iamctodd
44
9.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Fireside Chat
paigeccino
21
2.6k
The Language of Interfaces
destraynor
151
23k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Why Our Code Smells
bkeepers
PRO
331
56k
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