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
85
(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.2k
Why you should consider Ember.js for your next project
balint
4
240
Data Loading Patterns in Ember
balint
1
180
Auth* in Ember apps with Torii
balint
1
280
Complex Component Design in Ember
balint
0
350
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
64
Introduction to ember-data
balint
0
150
Other Decks in Technology
See All in Technology
FastAPIでのasync defとdefの使い分け
takashi1029
5
1.1k
内製化を目指す事業会社が、システム開発会社と共に進める「開発生産性改善」の取り組み事例 #devsumi
yuwji
1
350
仕事を前に進めるためのコツ - 判断と決断と共有 / Aim for the goal
soudai
60
22k
株式会社EventHub・エンジニア採用資料
eventhub
0
3k
CDK Pipelinesをざっくり理解する
smt7174
0
200
Classmethod AI Talks(CATs) #1 司会進行スライド(2024.09.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol1_2024-09-19
shinyaa31
0
350
静的サイトのCI/CDでも侮るなかれ!Docs as Codeに沿ったセキュアな開発プロセスの実践/secure-docsascode-cicd-for-static-sites
mhrtech
11
2k
Valuable Software Engineering
avandeursen
0
200
【虎の穴ラボ Tech Talk #1】Ansible Lintの警告への対処
toranoana
1
110
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
8
1.6k
BLEA v3.0.0の新しいベストプラクティスを取り入れた効率的なAWS CDK開発/jawsug_cdk16
mhrtech
2
220
ビジネスに必要な全てを担い、 自分の専門性を見つけ出す フルサイクル開発者のあり方@技育祭 秋 / how-find-own-speciality-in-full-cycle
pei0804
6
840
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
The Cult of Friendly URLs
andyhume
76
6k
Become a Pro
speakerdeck
PRO
22
4.9k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Infographics Made Easy
chrislema
239
18k
Testing 201, or: Great Expectations
jmmastey
37
7k
Clear Off the Table
cherdarchuk
91
320k
Making the Leap to Tech Lead
cromwellryan
129
8.8k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.7k
What the flash - Photography Introduction
edds
67
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
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.