Handlebars Trick or Treat

Two quick Handlebars treats, with a trick at the end

Lightning talk originally given at the Boston Ember.js Meetup on October 13th, 2016.

YouTube recording: https://youtu.be/Jh5zbOXYAHA?t=1652

Transcript

1. ELADSHAHAR Boston Ember.js October 13th, 2016 Handlebars {{trick}} or {{treat}}
2. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Comments 2
3. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} HTML Comments 3 <!-- Hello world -->
4. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} HTML Comments 4 <!-- Hello world -->
5. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 5 {{!-- Hello world --}}
6. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 6 {{!-- Hello world Foo bar ¯\_(ツ)_/¯ --}}
7. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 7 {{!-- <div class="greeting"> Hello {{name}} </div> --}}
8. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 8 {{! Hello world }}
9. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 9 {{my-button text="Click me!" onclick=(action 'buttonWasClicked') }}
10. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Handlebars Comments 10 {{!my-button text="Click me!" onclick=(action 'buttonWasClicked') }}
11. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Whitespace 11
12. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 12 <div> Hello, my name is: {{name}} and I'm at {{event}} </div>
13. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 13 <div>⏎ ··Hello, my name is:⏎ ··{{name}}⏎ ··and I'm at⏎ ··{{event}}⏎ </div>
14. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 14 Hello, my name is: Elad and I'm at Boston Ember.js
15. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 15 Hello, my name is: Elad and I'm at Boston Ember.js
16. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 16
17. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} ~ 17
18. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 18 <div> Hello, my name is: {{name}} and I'm at {{event}} </div>
19. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 19 <div> Hello, my name is: {{~name}} and I'm at {{event}} </div>
20. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 20
21. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 21
22. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 22 <div> Hello, my name is: {{~name~}} and I'm at {{~event~}} </div>
23. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 23
24. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Template Whitespace 24 Hello, my name isEladand I'm atBoston Ember.js
25. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} THE TRICK 25
26. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} {{{Triple Curlies}}} 26
27. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Triple Curlies 27 { message: "<b>Boston Ember.js is awesome</b>" }
28. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Triple Curlies 28 {{message}} <b>Boston Ember.js is awesome</b>
29. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Triple Curlies 29 {{message}} <b>Boston Ember.js is awesome</b> {{{message}}} Boston Ember.js is awesome
30. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} 30 {{!-- --}} {{! }} ~ {{{ }}}
31. Boston Ember.js October 13th, 2016 ELADSHAHAR Handlebars {{trick}} or {{treat}} Thank you Elad @ Twitter GitHub, Slack SaladFork