FlipContainer

SketchSystems.spec

FlipContainer
  Transition
    mount -> In
    oug -> Out
    
    Unmounted*
      enter -> In
      
    In
      Enter
        onEnter -> Entering
      Entering
        onEntering -> Entered
      Entered
        onEntered -> Active
    
    Active
      exit -> Out

    Out
      Exit
        onExit -> Exiting
      Exiting
        onExiting -> Exited
      Exited
        onExited -> Hidden    
    
    Hidden
      show -> In
      unmount -> Unmounted

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}`);
}