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,...
Search
Balint Erdi
February 11, 2016
Technology
1
90
(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.4k
Why you should consider Ember.js for your next project
balint
4
280
Data Loading Patterns in Ember
balint
1
190
Auth* in Ember apps with Torii
balint
1
290
Complex Component Design in Ember
balint
0
370
Don't call me back - How Ember uses promises and how you can, too
balint
5
10k
Acceptance testing in Ember.js
balint
1
520
Unit testing in Ember.js
balint
0
74
Introduction to ember-data
balint
0
160
Other Decks in Technology
See All in Technology
Azure の裏側を支える SRE の世界
tsubasaxzzz
2
230
GrafanaをClaude DesktopからMCPで触ってみた
hamadakoji
0
1.2k
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
hryushm
1
610
Software Architecture in an AI-Driven World
atty303
64
26k
The PyArrow revolution in Pandas
reuven
0
130
エンジニアのための 法規制への取り組み方 #healthtechmeetup
77web
0
240
MagicPodが描くAIエージェント戦略とソフトウェアテストの未来
magicpod
0
330
インフラからSREへ
mirakui
20
7.8k
生成AI時代における人間の情熱とプロダクト志向 / 20250517 Takuya Oikawa
shift_evolve
2
230
MagicPod MCPサーバー開発の裏側とAIエージェント活用の展望
magicpod
0
330
SONiCで構築・運用する生成AI向けパブリッククラウドネットワーク
sonic
1
530
newmo の創業を支える Software Architecture と Platform Engineering
110y
5
680
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Typedesign – Prime Four
hannesfritz
41
2.6k
Raft: Consensus for Rubyists
vanstee
137
6.9k
Art, The Web, and Tiny UX
lynnandtonic
298
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Git: the NoSQL Database
bkeepers
PRO
430
65k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.5k
GraphQLとの向き合い方2022年版
quramy
46
14k
Speed Design
sergeychernyshev
30
950
Optimizing for Happiness
mojombo
378
70k
Site-Speed That Sticks
csswizardry
6
560
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
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.