(Somewhat) Complex Component Design – Ember.BP, 2015/02/11

Transcript

1. Complex Component Design Ember.BP – 2015/02/11
2. Best of the month
5. Song of the month
6. http://frontside.io/blog/2016/01/22/functional-templating-in- ember.html
7. https://github.com/samselikoff/ember-cli-mirage
8. Survey results
9. (Somewhat) Complex Component Design
10. Basic component concepts
12. Non-block form (no hash)
13. Non-block form (no hash) Block form (with hash)
14. Non-block form (no hash) Block form (with hash) Yields parameters to the block form (function call)
15. Non-block form (no hash) Block form (with hash) Yields parameters to the block form (function call) Block params (function params)
16. Closure (vs. element) actions
17. Element actions (iact “string” actions)
21. Closure actions
23. 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)
24. Component design guidelines
25. Short & sweet non-block form
26. Don’t assume too much
27. Allow customization
28. Data down, actions up (Use actions)
29. Data down, actions up (Use actions) Don’t do that.
30. Advanced concepts • Keep your component layers decoupled • Find ways to prevent registering • Replace observers with (DOM) actions
31. Advanced concepts http://balinterdi.com/2015/09/10/complex-component-design- in-ember-intro.html
32. Thank you.