TodoHBS

A todo application built with functional templating. Your application has only a single line of Javascript

Transcript

1. TODO MVC HBS Writing Expressive Handlebars Templates 
 with Closure Actions
2. Alex Ford @flexyford
3. Ember 2.0 Introduces Closure Actions
4. action “save” action “cancel” action “close”popover1 action “close” popover2 data/model UI Elements
5. Dont make me call your parent(view)s!
6. Handle your UI in your Templates with Closure Actions
7. Closure Actions Action Bubbling is Dead Ember 2.x is component-driven, and replaces action bubbling with a function-passing solution.
10. I WANT CLOSURE ACTIONS AND I WANT IT NOW But I’m on 1.12 or below
11. Ember-Curry-Helpers github.com/flexyford/ember-curry-helpers
13. ember-curry-actions supports ember-curry-actions cannot
14. What If I Told You We could write a TODO Application with not a single line of Javascript?
16. todos: [] Usign Only Handlebars We Have To . . . • Create a todo item • Append it to our `todos` array • Mark a todo as complete • Display our todo item • Write our next todo
17. RamdaJS A practical functional library for Javascript programmers.
18. TODO HBS 6 Steps to Writing an Ember TODO Application 
 with a single line of Javascript
19. 1. Action Passed as String
20. 2. Action Passed with Closure-Action
21. pipe helper http://ramdajs.com/0.19.1/docs/#pipe
22. 3. The Pipe Helper
23. hash helper
24. 4. Pass an initialized todo hash
25. append helper http://ramdajs.com/0.19.1/docs/#append
26. mut helper
27. 5. Append Todos in HBS
28. 6. Clear the input text field
30. Remember the Ember 1.12 
 “Can I Take Your Order” 
 Nested Popover Application?
31. action “save” action “cancel” action “close”popover1 action “close” popover2 data/model UI Elements
32. Handle your UI in your Templates with Closure Actions
33. action=(pipe (closure-action “save”) (popover.close) (popover2.close))
34. thank you @flexyford