Приведи пример структуры проекта когда внедряем новый функционал

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

Ответ

src/
  features/
    newFeature/
      components/
        NewComponent.tsx
        NewComponent.styles.ts
      hooks/
        useNewFeature.ts
      types/
        newFeatureTypes.ts
      utils/
        newFeatureUtils.ts
      index.ts
  shared/
    components/
      Button.tsx
    hooks/
      useCommonHook.ts
    types/
      commonTypes.ts
  app/
    store/
      newFeatureSlice.ts
    routes.ts
    App.tsx

Основные принципы:

Функционал группируется в папку features
Каждая фича содержит все необходимые части (компоненты, хуки, типы)
Общие элементы выносятся в shared
Глобальные настройки в app
Экспорт через index.ts для чистого импорта

Пример импорта:

import { NewComponent } from 'features/newFeature'