Design patterns for frontend developer

  • Singleton Design Pattern – Only one instance in a global variable
  • Strategy Design Pattern – To find the right implementation of methods from variances at runtime
  • Observer Design Pattern – To create a link between the current context and all observers receiving an update on change
  • Decorator Design Pattern – To attach new properties only to the specific object instance
  • MVC (Model-View-Controller)
  • SoC (Separation of Concerns) with Component Architecture
  • Modular Architecture
  • Micro Frontends: Devide monolithic frontend code into smaller applications for reuse in other projects
  • State Management: If data in UI cannot be separated easily from the backend
  • Unidirectional Architecture: From the presentation layer to the presentation layer with actions triggered in between