Feature-Sliced Design

Link: https://feature-sliced.design/ru

Отдельные заметки по концепции

Директории

• app — инициализация приложения, управление контекстом, аналитикой, стилями, роутами

• (deprecated) processes

• pages — страницы и экраны, готовые подключаться к роутам

• widgets — блоки пользовательского интерфейса (композиция features и entities)

• features — действия над entities, бизнес-логика, части функциональности приложения. В любой непонятной ситуации используем этот слой, тк тут хороший баланс вложенной сложности и переиспользуемости

• entities — бизнес-сущности (CRUD/UI/хранение данных)

• shared — не связанные со спецификой проекта кусочки: UI-библиотеки, API-клиенты, работа с Browser API

Еще есть понятие слайсов (slice). app и shared слайсов не содержат. Остальные директории строятся на слайсах.

Именование общее директорий:

...
feature/
   sliceN/
      ui or components
      model
      lib
      api
      index.ts — для публичного api компонента
...
shared/
   components
   api
   lib