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
What's new in Spring Modulith?
olivergierke
1
140
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
810
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
690
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
190
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
810
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
30k
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.1k
CSC305 Lecture 04
javiergs
PRO
0
260
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1.3k
Le côté obscur des IA génératives
pascallemerrer
0
140
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
3.3k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
220
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Practical Orchestrator
shlominoach
190
11k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
What's in a price? How to price your products and services
michaelherold
246
12k
Bash Introduction
62gerente
615
210k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
GraphQLとの向き合い方2022年版
quramy
49
14k
For a Future-Friendly Web
brad_frost
180
9.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Gamification - CAS2011
davidbonilla
81
5.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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