1. Ember.js
backburner.js and rsvp.js
@gavinjoyce

2. A framework for creating
ambitious web applications

3. Need help building
something ambitious?
gavinjoyce@gmail.com

4. Need help building
something ambitious?
gavinjoyce@gmail.com

5. Need help building
something ambitious?
gavinjoyce@gmail.com

6. Need help building
something ambitious?
gavinjoyce@gmail.com

7. Need help building
something ambitious?
gavinjoyce@gmail.com

9. rsvp.js

10. backburner.js
rsvp.js

11. backburner.js

12. backburner.js
https://github.com/ebryn/backburner.js

13. backburner.js

14. backburner.js
● The Ember.js Run Loop

15. backburner.js
● The Ember.js Run Loop
○ Schedules Operations

16. backburner.js
● The Ember.js Run Loop
○ Schedules Operations
■ Data Bindings

17. backburner.js
● The Ember.js Run Loop
○ Schedules Operations
■ Data Bindings
■ Actions

18. backburner.js
● The Ember.js Run Loop
○ Schedules Operations
■ Data Bindings
■ Actions
■ UI Rendering

19. backburner.js
● The Ember.js Run Loop
○ Schedules Operations
■ Data Bindings
■ Actions
■ UI Rendering
○ Coalesces Operations

20. backburner.js
● The Ember.js Run Loop

21. backburner.js
● The Ember.js Run Loop
○ while(true) { … }

22. backburner.js
● The Ember.js Run Loop
○ while(true) { … }

23. backburner.js
● The Ember.js Run Loop
○ while(true) { … }
○ Triggered on ...

24. backburner.js
● The Ember.js Run Loop
○ while(true) { … }
○ Triggered on
■ UI events

25. backburner.js
● The Ember.js Run Loop
○ while(true) { … }
○ Triggered on
■ UI events
■ Ajax responses

26. backburner.js
● The Ember.js Run Loop
○ while(true) { … }
○ Triggered on
■ UI events
■ Ajax responses
■ Ember Data events

27. backburner.js
Run Loop Timing Demo
https://gist.github.com/GavinJoyce/6403776

28. backburner.js
● Queues - Ember.run.queues
○ sync - property bindings
○ actions - have access to resolved bindings
○ routerTransitions
○ render - DOM updates
○ afterRender - useful for wrapping plugins
○ destroy - object deletion

29. backburner.js
Run Loop Queue Demo
by Alex Matchneer
http://bit.ly/1afSx2W

30. backburner.js
backburner.js without Ember
https://github.com/ebryn/backburner.js#example-usage

31. rsvp.js

32. rsvp.js
https://github.com/tildeio/rsvp.js

33. rsvp.js
https://github.com/tildeio/rsvp.js
● A tool for organising asynchronous code

34. rsvp.js
https://github.com/tildeio/rsvp.js
● A tool for organising asynchronous code
● A tiny Promises/A+ implementation
○ http://promises-aplus.github.io/promises-spec/

35. rsvp.js

36. rsvp.js
A promise is a potential future value

37. rsvp.js
A promise is a potential future value
(thanks to Stefan Penner for use of following slides)

38. rsvp.js
A promise is a potential future value
(thanks to Stefan Penner for use of following slides)

41. Promises Scale
Real World Example: http://bit.ly/1gmLytY

51. Example use of promises in an Ember.js application:

52. Other talks
rsvp.js:
● Domenic Denicola: http://youtu.be/mZHO1ZTsoFk?t=42m17s
● Stefan Penner: http://youtu.be/mZHO1ZTsoFk?t=1h26m
backburner.js:
● Erik Bryn: http://www.youtube.com/watch?v=VuIFdXmi080&t=24m5s

53. Questions?