class Database { /* ... */ }

class UserService {
  // Database внедряется сюда
  constructor(db) {
    this.db = db;
  }
  getUser(id) {
    return this.db.find(id);
  }
}

// В коде, где мы создаем экземпляр:
const myDB = new Database();
const userService = new UserService(myDB);

// db внедряется
const createUserService = (db) => (id) => {
  // логика работы с db
  return db.find(id); 
};

// Создаем "зависимую" функцию:
const myDB = { find: (id) => ({ name: `User ${id}` }) };
const getUserService = createUserService(myDB);

// Используем:
console.log(getUserService(5));

Буква,Принцип,Название
S,Single Responsibility Principle,Единственная Ответственность
O,Open-Closed Principle,Открытости-Закрытости
L,Liskov Substitution Principle,Подстановки Барбары Лисков
I,Interface Segregation Principle,Разделения Интерфейса
D,Dependency Inversion Principle,Инверсии Зависимостей

class UserService {
    // 1. Управление данными (Причина для изменения: изменилась база данных/API)
    createUser(user) {
        console.log(`Saving ${user.name} to DB...`);
    }

    // 2. Управление уведомлениями (Причина для изменения: нужно добавить SMS)
    sendEmail(user, message) {
        console.log(`Sending email to ${user.email}: ${message}`);
    }

    // 3. Управление логированием (Причина для изменения: нужно писать в файл)
    logAction(action) {
        console.log(`[LOG]: ${action}`);
    }
}

// Если нам нужно поменять только, как мы отправляем почту, 
// мы вынуждены менять весь класс UserService! 😱

// 1. Класс для управления данными
class UserRepository {
    save(user) {
        console.log(`Saving user ${user.name} to DB.`);
    }
}

// 2. Класс для управления уведомлениями
class NotificationService {
    sendEmail(email, message) {
        console.log(`Sending email to ${email}: ${message}`);
    }
}

// 3. Класс для объединения (координации) действий
class UserRegistrationService {
    constructor(repository, notifier) {
        // Зависимости внедряются извне (DIP, увидим позже)
        this.repo = repository;
        this.notifier = notifier;
    }

    register(user) {
        this.repo.save(user); // Вызывает ответственность Repository
        this.notifier.sendEmail(user.email, "Welcome!"); // Вызывает ответственность Notifier
        // Логирование может быть в отдельном декораторе или здесь, но в минимальном виде
    }
}

в// ✅ Правильно: OrderItem знает свою цену и количество
class OrderItem {
    constructor(product, count) {
        this.product = product;
        this.count = count;
    }

    // Информационный Эксперт: OrderItem знает, как считать свою под-сумму
    getSubtotal() {
        return this.product.price * this.count;
    }
}

<button popovertarget="my-menu">Открыть меню</button>

<div id="my-menu" popover>
  <p>Привет! Я — нативный поповер 👋</p>
</div>

src/
├── app/                # Инициализация: провайдеры (Redux, Query), глобальные стили
├── pages/              # Сами экраны
│   ├── ProductPage/    # Страница товара
│   └── CartPage/       # Страница корзины
├── widgets/            # Сложные блоки (собираются из фич и сущностей)
│   ├── Header/         # Лого + Поиск + Иконка профиля
│   └── ProductList/    # Сетка товаров с фильтрацией
├── features/           # Действия (логика + UI)
│   ├── AddToCart/      # Кнопка "Купить" + логика добавления в стейт
│   ├── FilterProducts/ # Логика фильтрации по цене/категории
│   └── AuthByPhone/    # Форма входа
├── entities/           # Бизнес-сущности (только данные и простые компоненты)
│   ├── Product/        # Карточка товара (без кнопок действия), типы, API
│   ├── User/           # Стейт юзера, его аватар
│   └── Cart/           # Логика расчета суммы корзины
└── shared/             # Переиспользуемый "фундамент"
    ├── ui/             # UI-Kit: Button.tsx, Input.tsx, Loader.tsx
    └── api/            # Базовый инстанс axios/fetch

const OrderStatus = Object.freeze({
  NEW: 'new',
  PROCESSING: 'processing',
  COMPLETED: 'completed',
  CANCELLED: 'cancelled'
});

// Используем:
let currentStatus = OrderStatus.NEW;

if (currentStatus === OrderStatus.NEW) {
  console.log('Начинаем работу!');
}

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}