Как строил архитектуру до Feature-Sliced Design

Feature-Sliced Design (FSD) — это современный подход, но до него использовали другие паттерны:

1. По типам файлов (устаревший):
   Группировка по components/, pages/, store/ и т.д.
   Проблема: при росте проекта сложно найти связанные части кода.

src/
  components/
    Button/
    Header/
  pages/
    Home/
    Profile/

2. По страницам/роутам:
   Логика и UI страницы в одной папке. Лучше, но дублирование общих модулей.

src/
  home/
    HomePage.tsx
    homeSlice.ts
  profile/
    ProfilePage.tsx
    profileApi.ts

3. По бизнес-доменам:
   Группировка по сущностям (user/, cart/). Ближе к FSD, но без четких слоев.

FSD решает проблемы этих подходов, добавляя четкие слои (app/, features/, shared/) и изоляцию модулей.