App State

SketchSystems.spec

App State
  App not running*
    open app -> Logged in?

  App opened
    kill app -> App not running
    close app -> App Backgrounded
    
    Login Screen
      login -> Login
      signup -> Signup
      
    Login
      success -> Fetch Data
    
    Signup
      success -> Fetch Data
    
    Tab Navigator

  App Backgrounded
    open app -> App opened
      
      
Logged in?
  yes -> Fetch Data
  no -> Login Screen
  
Fetch Data
  Loading*
    success -> Tab Navigator
    fail -> Retry Prompt
  
  Retry Prompt
    try again -> Loading

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}