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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Andy Appleton
January 15, 2014
Programming
0
120
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
590
Rage against the state machine
appltn
1
520
Building web apps with Express
appltn
4
500
The Modern JavaScript Application
appltn
5
660
Object Creation Pattern Performance
appltn
1
820
Introducing Mint Source
appltn
1
410
Other Decks in Programming
See All in Programming
Implementation Patterns
denyspoltorak
0
280
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
170
「ブロックテーマでは再現できない」は本当か?
inc2734
0
350
CSC307 Lecture 07
javiergs
PRO
0
550
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
kekekenta
0
200
ThorVG Viewer In VS Code
nors
0
760
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.8k
Data-Centric Kaggle
isax1015
2
760
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
450
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
140
組織で育むオブザーバビリティ
ryota_hnk
0
170
AgentCoreとHuman in the Loop
har1101
5
220
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Between Models and Reality
mayunak
1
180
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
63
First, design no harm
axbom
PRO
2
1.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Testing 201, or: Great Expectations
jmmastey
46
8k
For a Future-Friendly Web
brad_frost
182
10k
エンジニアに許された特別な時間の終わり
watany
106
230k
A designer walks into a library…
pauljervisheath
210
24k
Done Done
chrislema
186
16k
How to Talk to Developers About Accessibility
jct
2
130
Agile that works and the tools we love
rasmusluckow
331
21k
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
?