Ответ
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'