StateManager in Ember.js - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

in Ember.js StateManager

Slide 2

Slide 2 text

Hi I’m Joe West

Slide 3

Slide 3 text

What’s a statechart?

Slide 4

Slide 4 text

A visual formalism for complex systems

Slide 5

Slide 5 text

A digital watch

Slide 6

Slide 6 text

SproutCore Statecharts

Slide 7

Slide 7 text

StateManager

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Some gotchas

Slide 12

Slide 12 text

Queue? Nope!

Slide 13

Slide 13 text

Concurrency? Nope!

Slide 14

Slide 14 text

ViewState deﬁned

Slide 15

Slide 15 text

ViewState templates

Slide 16

Slide 16 text

ViewState in DOM

Slide 17

Slide 17 text

Designing for StateManager

Slide 18

Slide 18 text

Model View Controller

Slide 19

Slide 19 text

StateManager architecture

Slide 20

Slide 20 text

Draw it out

Slide 21

Slide 21 text

Examples

Slide 22

Slide 22 text

Login controller

Slide 23

Slide 23 text

Login templates

Slide 24

Slide 24 text

Login stateManager

Slide 25

Slide 25 text

ContainerView

Slide 26

Slide 26 text

ContainerView templates

Slide 27

Slide 27 text

Routing (near future)

Slide 28

Slide 28 text

Ember data

Slide 29

Slide 29 text

Ember data

Slide 30

Slide 30 text

Questions

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

Thanks! Joe West @joewest [email protected]