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.3k
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
73
Introduction to ember-data
balint
0
150
Other Decks in Technology
See All in Technology
Стильный код: натуральный поиск редких атрибутов по картинке. Юлия Антохина, Data Scientist, Lamoda Tech
lamodatech
0
820
ガバクラのAWS長期継続割引 ~次の4/1に慌てないために~
hamijay_cloud
1
500
AIにおけるソフトウェアテスト_ver1.00
fumisuke
1
270
OpenLane-V2ベンチマークと代表的な手法
kzykmyzw
0
110
watsonx.data上のベクトル・データベース Milvusを見てみよう/20250418-milvus-dojo
mayumihirano
0
130
Perl歴約10年のエンジニアがフルスタックTypeScriptに出会ってみた
papix
1
200
OPENLOGI Company Profile
hr01
0
63k
Making a MIDI controller device with PicoRuby/R2P2 (RubyKaigi 2025 LT)
risgk
1
340
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
duelist2020jp
1
290
勝手に!深堀り!Cloud Run worker pools / Deep dive Cloud Run worker pools
iselegant
4
530
もう難しくない!誰でもカンタンDocker入門 〜30分であなたのPCにアプリを立ち上げる〜
devops_vtj
0
100
ここはMCPの夜明けまえ
nwiizo
32
12k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
183
22k
Unsuck your backbone
ammeep
670
57k
Code Review Best Practice
trishagee
67
18k
A better future with KSS
kneath
239
17k
GraphQLとの向き合い方2022年版
quramy
46
14k
Side Projects
sachag
453
42k
Documentation Writing (for coders)
carmenintech
69
4.7k
Adopting Sorbet at Scale
ufuk
76
9.3k
Optimizing for Happiness
mojombo
378
70k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
104
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
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.