< H / $ > Хак/Собесов

Перейти на PRO

Какие знаешь паттерны организации файлов

«Какие знаешь паттерны организации файлов» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Тип вопроса: Архитектура Вероятность: 10% Категория: Frontend Разработчик

Ответ

Вот основные паттерны организации файлов в проектах:

Feature-based
Группировка по фичам/модулям:

/src  
  /auth  
    /components  
    /hooks  
    /api.ts  
  /dashboard  
    /components  
    /utils

Layer-based
Разделение по слоям приложения:

/src  
  /components  
  /pages  
  /store  
  /api  
  /utils

Atomic Design
Разбиение UI на атомы/молекулы:

/src  
  /atoms  
  /molecules  
  /organisms  
  /templates  
  /pages

Domain-driven
Организация вокруг бизнес-доменов:

/src  
  /orders  
  /users  
  /products

Для React-проектов часто используют гибридный подход: feature-based для бизнес-логики + atomic для UI-компонентов. Выбор зависит от масштаба проекта и команды.