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
110
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
560
Rage against the state machine
appltn
1
470
Building web apps with Express
appltn
4
490
The Modern JavaScript Application
appltn
5
610
Object Creation Pattern Performance
appltn
1
770
Introducing Mint Source
appltn
1
390
Other Decks in Programming
See All in Programming
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
10
3.8k
ニーリーQAのこれまでとこれから
nealle
2
690
Laravel × Clean Architecture
bumptakayuki
PRO
0
150
VibeCoding時代のエンジニアリング
daisuketakeda
0
130
プロダクトエンジニアのしごと 〜 受託 × 高難度を乗り越えるOptium開発 〜
algoartis
0
200
Storybookの情報をMCPサーバー化する
shota_tech
2
870
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.9k
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
160
20250429 - CNTUG Meetup #67 / DevOps Taiwan Meetup #69 - Deep Dive into Tetragon: Building Runtime Security and Observability with eBPF
tico88612
0
170
VitestのIn-Source Testingが便利
taro28
8
2.4k
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
830
Cursor/Devin全社導入の理想と現実
saitoryc
29
22k
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
780
Typedesign – Prime Four
hannesfritz
41
2.6k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Gamification - CAS2011
davidbonilla
81
5.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
How GitHub (no longer) Works
holman
314
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
YesSQL, Process and Tooling at Scale
rocio
172
14k
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
?