Upgrade to Pro — share decks privately, control downloads, hide ads and more …

StateManager in Ember.js

joewest
June 13, 2012

StateManager in Ember.js

Building ambitious applications is not for the faint of heart. Fortunately, Ember.js provides a simple tool to manage app complexity baked right in: StateManager.

Ember.StateManager is a finite state machine conceptually derived from statecharts (a visual formalism for complex systems). When applied, it allows you to easily define, manage and control the flow of activity throughout your app.

joewest

June 13, 2012
Tweet

Other Decks in Technology

Transcript

  1. in Ember.js StateManager

  2. Hi I’m Joe West

  3. What’s a statechart?

  4. A visual formalism for complex systems

  5. A digital watch

  6. SproutCore Statecharts

  7. StateManager

  8. None
  9. None
  10. None
  11. Some gotchas

  12. Queue? Nope!

  13. Concurrency? Nope!

  14. ViewState defined

  15. ViewState templates

  16. ViewState in DOM

  17. Designing for StateManager

  18. Model View Controller

  19. StateManager architecture

  20. Draw it out

  21. Examples

  22. Login controller

  23. Login templates

  24. Login stateManager

  25. ContainerView

  26. ContainerView templates

  27. Routing (near future)

  28. Ember data

  29. Ember data

  30. Questions

  31. June 14th Views and View Helpers in Ember.js Ray Cohen

  32. Thanks! Joe West @joewest [email protected]