Complex Component Design in Ember

The (online) talk I gave at the Global Ember Meetup.

Transcript

1. Complex component design Global Ember Meetup 10/10/2015
2. or Component design is complex
3. Components are important
4. Components are even more important in Ember 2
5. “I thought of objects being like biological cells and/or individual computers on a network, only able to communicate with messages”
6. “I thought of objects being like biological cells and/or individual computers on a network, only able to communicate with messages” Alan Kay
7. Messages between objects, and how they are sent is more important than the structure of objects.
8. Messages between objects, and how they are sent is more important than the structure of objects. BDDers (mockists, London School TDD)
9. “Components are the objects of the UI”
10. “Components are the objects of the UI” Me
11. Communication between components is key.
12. Balint Erdi @baaz balinterdi http://balinterdi.com
13. http://rockandrollwithemberjs.com
14. Components are hard
15. (hard as opposed to easy)
16. We’re figuring this out
17. We’re figuring this out (I certainly am)
18. Lot more tools at our disposal (esp. from 1.13+)
19. Data Down, Actions Up • Pass data down to children • Children fire actions towards their parent • Uni-directional flow
20. Controller ~ Routable component auto-complete auto-complete-list auto-complete-option auto-complete-option auto-complete-option
21. Controller ~ Routable component auto-complete auto-complete-list auto-complete-option auto-complete-option auto-complete-option
22. Controller ~ Routable component auto-complete auto-complete-list auto-complete-option auto-complete-option auto-complete-option
23. Enough thought- leadering already
24. Component design ideas (in Ember) • Break bigger components up to small pieces • Minimize assumptions about passed-in data • Leverage block params & closure actions • Use block parameters as a public API.
25. References • “Simple Made Easy” talk by Rich Hickey • Star-rating component • Autocomplete component • “The x-foo in you” talk by Ryan Florence
26. Thank you!