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
(Somewhat) Complex Component Design – Ember.BP, 2015/02/11
Search
Balint Erdi
February 11, 2016
Technology
1
82
(Somewhat) Complex Component Design – Ember.BP, 2015/02/11
Balint Erdi
February 11, 2016
Tweet
Share
More Decks by Balint Erdi
See All by Balint Erdi
Data Loading Patterns with JSON API
balint
5
1.1k
Why you should consider Ember.js for your next project
balint
4
230
Data Loading Patterns in Ember
balint
1
170
Auth* in Ember apps with Torii
balint
1
230
Complex Component Design in Ember
balint
0
340
Don't call me back - How Ember uses promises and how you can, too
balint
5
10k
Acceptance testing in Ember.js
balint
1
510
Unit testing in Ember.js
balint
0
61
Introduction to ember-data
balint
0
150
Other Decks in Technology
See All in Technology
チーム単位で保守性を高める:独自指標と向上にむけた実践
tarappo
0
290
Autopsy of a Cascading Outage from a MySQL Crashing Bug
jfg956
0
200
KubeCon EU 2024 : Knative Maintainers Session
salaboy
0
360
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
450
現実世界の事象から学ぶSOLID原則
h0r15h0
24
9.3k
Julia でどうしても super().hoge みたいなことしたい人へ for JuliaTokai #18
antimon2
1
110
Elementaryを用いたデータ品質の可視化とデータ基盤の運用改善
10xinc
6
1.3k
庁舎DX推進事例集
senryakuka
0
2.3k
統計的学習理論読み Chapter 2
kmatsui
1
170
統計的学習理論読み Chapter 1
kmatsui
2
460
沒想過的前端錯誤處理可能比你有做的還多
line_developers_tw
PRO
0
1.5k
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
24
5.7k
Visualization
eitanlees
135
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Become a Pro
speakerdeck
PRO
8
4.4k
Building Your Own Lightsaber
phodgson
97
5.6k
Into the Great Unknown - MozCon
thekraken
10
830
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
In The Pink: A Labor of Love
frogandcode
137
21k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Design by the Numbers
sachag
274
18k
What's in a price? How to price your products and services
michaelherold
236
11k
Transcript
Complex Component Design Ember.BP – 2015/02/11
Best of the month
None
None
Song of the month
http://frontside.io/blog/2016/01/22/functional-templating-in- ember.html
https://github.com/samselikoff/ember-cli-mirage
Survey results
(Somewhat) Complex Component Design
Basic component concepts
None
Non-block form (no hash)
Non-block form (no hash) Block form (with hash)
Non-block form (no hash) Block form (with hash) Yields parameters
to the block form (function call)
Non-block form (no hash) Block form (with hash) Yields parameters
to the block form (function call) Block params (function params)
Closure (vs. element) actions
Element actions (iact “string” actions)
None
None
None
Closure actions
None
Why closure actions? • They can return values • Enable
reacting to actions sent from the controller • Better debuggability • They can also bubble (check out ember-route- action-helper)
Component design guidelines
Short & sweet non-block form
Don’t assume too much
Allow customization
Data down, actions up (Use actions)
Data down, actions up (Use actions) Don’t do that.
Advanced concepts • Keep your component layers decoupled • Find
ways to prevent registering • Replace observers with (DOM) actions
Advanced concepts http://balinterdi.com/2015/09/10/complex-component-design- in-ember-intro.html
Thank you.