FlipContainer

SketchSystems.spec

FlipContainer
  TransitionGroup
    in -> Enter

  Transition
    enter -> EnterTransition

    EnterTransition
      Enter
        onEnter -> Entering
      Entering
        onEntering -> Entered
      Entered
        onEntered -> Active
    
    Active
      exit -> ExitTransition

    ExitTransition
      Exit
        onExit -> Exiting
      Exiting
        onExiting -> Exited
      Exited
        onExited -> TransitionGroup

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