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

    View full-size slide

  2. Hi
    I’m Joe West

    View full-size slide

  3. What’s a statechart?

    View full-size slide

  4. A visual formalism for
    complex systems

    View full-size slide

  5. A digital watch

    View full-size slide

  6. SproutCore Statecharts

    View full-size slide

  7. StateManager

    View full-size slide

  8. Some gotchas

    View full-size slide

  9. Queue? Nope!

    View full-size slide

  10. Concurrency? Nope!

    View full-size slide

  11. ViewState defined

    View full-size slide

  12. ViewState templates

    View full-size slide

  13. ViewState in DOM

    View full-size slide

  14. Designing for StateManager

    View full-size slide

  15. Model View Controller

    View full-size slide

  16. StateManager architecture

    View full-size slide

  17. Login controller

    View full-size slide

  18. Login templates

    View full-size slide

  19. Login stateManager

    View full-size slide

  20. ContainerView

    View full-size slide

  21. ContainerView templates

    View full-size slide

  22. Routing (near future)

    View full-size slide

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

    View full-size slide