Pattern Journey

SketchSystems.spec

Pattern Journey
  Pattern exists in the UI library?*
    Yes -> Does it fulfill all the requirements?
    No -> Similar pattern exists in other projects?
    
  Does it fulfill all the requirements?
    Yes -> Just use it
    No -> Can be modified to fulfill all requirements?
    
  Similar pattern exists in other projects?
    Yes -> Can the existed pattern be used?
    No -> Can be used by other projects in the future?
  
  Can be modified to fulfill all requirements?
    Yes -> Implement in the UI library
    No -> Other teams ready to use altered version?
  
  Other teams ready to use altered version?
    Yes -> Implement in the UI library
    No -> Implement in the project
  
  Can be used by other projects in the future?
    Yes -> Implement in the UI library
    No -> Implement in the project
  
  Can the existed pattern be used?
    Yes -> Implement in the UI library
    No -> Other teams ready to use altered version?
    
  Implement in the UI library
    
  Implement in the project
    
  Just use it
    

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