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
Modular UI with (Angular || Ember)
Search
Andy Appleton
January 15, 2014
Programming
0
100
Modular UI with (Angular || Ember)
A talk at the London Ember.js meetup
Andy Appleton
January 15, 2014
Tweet
Share
More Decks by Andy Appleton
See All by Andy Appleton
Done is better than perfect
appltn
0
480
Rage against the state machine
appltn
1
390
Building web apps with Express
appltn
4
460
The Modern JavaScript Application
appltn
5
540
Object Creation Pattern Performance
appltn
1
670
Introducing Mint Source
appltn
1
380
Other Decks in Programming
See All in Programming
Code Reviews
bkuhlmann
4
900
CDKコントリビュートの最初の壁を越えよう! -簡単issueの見つけ方-
badmintoncryer
3
220
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
130
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
870
Three ways to use AI on Android: The Good, the Bad and the Ugly
marxallski
0
110
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
390
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
490
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
Git Lint
bkuhlmann
4
760
Elm 0.19.0 Changes
bkuhlmann
0
510
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
1
370
Featured
See All Featured
Happy Clients
brianwarren
92
6.4k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Navigating Team Friction
lara
179
13k
Thoughts on Productivity
jonyablonski
60
3.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.4k
Teambox: Starting and Learning
jrom
128
8.4k
What's in a price? How to price your products and services
michaelherold
238
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
4 Signs Your Business is Dying
shpigford
176
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Being A Developer After 40
akosma
67
580k
Transcript
MODULAR UI WITH (ANGULAR || EMBER)
ANDY APPLETON @appltn
None
IN JANUARY 2013 WE HAD A PROBLEM
None
customer merchant partner
customer merchant partner
None
WE STARTED SEEING PATTERNS
None
None
None
DEVELOPERS ARE ALLERGIC TO DUPLICATION
<!-- my-page.html --> ! <gc-modal></gc-modal>
<!-- modal-template.html --> ! <a href="#">Show modal</a> <div class="modal-hidden">
<h1>Modal title</h1> <p>Modal content</p> </div>
<!-- my-page.html --> ! <gc-modal link-text="Add customer"> </gc-modal>
<!-- modal-template.html --> ! <a href="#">{{link-text}}</a> <div class="modal-hidden"> <h1>Modal
title</h1> <p>Modal content</p> </div>
<!-- my-page.html --> ! <gc-modal link-text="Add customer"> <h1>New Customer</h1> <form>
... </form> </gc-modal>
<!-- modal-template.html --> ! <a href="#">{{link-text}}</a> ! <div class="hidden-modal" ng-transclude></div>
ANGULAR ROCKS!
EMBER SUCKS!
QUESTIONS?
<!-- my-page.html --> ! {{#gc-modal title="Add customer"}} <h1>{{title}}</h1> <p>Dialog content</p>
{{/gc-modal}}
<!-- modal-template.html --> ! <a href="#">{{link-text}}</a> <div class="hidden-modal"> {{yield}}
</div>
NEXT PROBLEM
THOSE PESKY CUSTOMERS
customer merchant partner
None
SEPARATE APPS SHARED COMPONENTS
TO THE RESCUE
None
THE APP BECOMES A THIN(ish) LAYER OF GLUE CODE
None
None
None
/gocardless-ng
?