Для каких кейсов какие паттерны проектирования используются

Singleton – когда нужен единственный экземпляр класса (например, глобальный стейт, конфиг).
Factory – создание объектов без явного указания класса (например, разные типы модалок).
Observer – подписка на события (например, Pub/Sub для уведомлений).
Decorator – динамическое добавление функциональности (например, обёртки для компонентов React).
HOC (Higher-Order Component) – переиспользование логики в React (аналог Decorator).

Пример Singleton:

class Config {
  constructor() {
    if (!Config.instance) {
      this.apiUrl = 'https://api.example.com';
      Config.instance = this;
    }
    return Config.instance;
  }
}
const config = new Config(); // Всегда один экземпляр

MV* (MVC/MVVM) – разделение логики и представления (фреймворки типа Angular, Vue).
Strategy – выбор алгоритма на лету (например, валидация форм).