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
Ember ATX: Components
Search
timgthomas
May 29, 2015
Programming
0
74
Ember ATX: Components
An introduction to Ember's Components
timgthomas
May 29, 2015
Tweet
Share
More Decks by timgthomas
See All by timgthomas
Living Style Guides: Bringing Designers and Developers Together
timgthomas
0
120
Icons and the Web: Symbols of the Modern Age
timgthomas
0
110
Constructing Modern UIs with SVG
timgthomas
0
130
Browser Invasion: Desktop Apps and the Web
timgthomas
0
100
Mind the Gap: Bringing Designers and Developers Together
timgthomas
0
72
Zero to App Store: A Hybrid App’s Tale
timgthomas
1
100
Chocolate-Covered Vegetables: Tasty Workflows with Broccoli
timgthomas
0
89
Ember ATX: Ember.Evented
timgthomas
0
94
Chocolate-Covered Vegetables: Tasty Workflows with Broccoli
timgthomas
0
290
Other Decks in Programming
See All in Programming
CSC307 Lecture 06
javiergs
PRO
0
360
【Go言語】golangci-lintの使い方
tomo1227
0
280
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
유연한 Composable 설계
l2hyunwoo
0
380
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
CSC307 Lecture 12
javiergs
PRO
0
220
How to use Macrobenchmark
veronikapj
0
160
Activities at Cairo Library
cairolibrary720
0
1.2k
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
リハビリmruby
kishima
1
160
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Ruby is Unlike a Banana
tanoku
96
10k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
What the flash - Photography Introduction
edds
65
11k
Adopting Sorbet at Scale
ufuk
71
8.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
Side Projects
sachag
451
42k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Designing Experiences People Love
moore
136
23k
Transcript
Components
Tim G. Thomas @timgthomas timgthomas.com
Components
{{ember-atx}}
Controller + View (+ Template) Route-less
Why?
Using Components
{{ember-atx}}
/* ember-atx.hbs */ <h1>‚</h1> /* elsewhere... */ {{ember-atx}}
/* ember-atx.hbs */ <h1>‚</h1> /* In 1.13... */ <ember-atx>
export default Ember.Component.extend({ });
export default Ember.Component.extend({ didInsertElement() { // I'm a view! }
});
export default Ember.Component.extend({ didInsertElement() { this.$().fadeOut(); } });
export default Ember.Component.extend({ itemCount: function() { // No, wait...I'm a
Controller! }.property() });
export default Ember.Component.extend({ itemCount: function() { return this.get('items'); }.property('items') });
{{ember-atx items=model}}
export default Ember.Component.extend({ items: function() { return Ember.$ .getJSON('/dont/tell/anyone'); }.property()
});
<ember-atx foo={{action 'attend'}}> foo: 'bar', actions: { somethingHappened() { this.attrs.foo.call({});
} }
<ember-atx attend={{action 'attend'}}>
<p>{{yield}}</p> {{#ember-atx}} I'm a lumberjack and I'm okay... {{/ember-atx}}
{{component 'component-name'}}
guides.emberjs.com ember-components.com timgthomas.com Don't go here!
Thanks! @timgthomas