Какие паттерны проектирования ты применяешь при разработке фронтенда?

При разработке фронтенда часто применяются следующие паттерны проектирования:

• MVC (Model-View-Controller): разделение данных, логики и представления для упрощения поддержки и расширения.
• MVVM (Model-View-ViewModel): особенно популярен с фреймворками типа Angular или WPF, где ViewModel связывает модель и представление.
• Observer (Наблюдатель): для реактивного обновления UI при изменении данных.
• Singleton: для управления глобальными состояниями или сервисами.
• Factory: для создания компонентов или объектов с разной конфигурацией.

Пример использования паттерна Observer в JavaScript:

class Observable {
  constructor() {
    this.observers = [];
  }
  subscribe(fn) {
    this.observers.push(fn);
  }
  notify(data) {
    this.observers.forEach(fn => fn(data));
  }
}

const observable = new Observable();
observable.subscribe(data => console.log('Observer 1:', data));
observable.notify('Обновление данных');

Выбор паттернов зависит от требований проекта и используемых технологий.