FSDGen

FSDGen — это CLI-инструмент для генерации компонентов и срезов в вашем проекте, используя методологию Feature-Sliced Design (FSD). С помощью FSDGen вы можете легко создавать UI-компоненты и срезы для функций, сущностей и страниц.

Описание

FSDGen предоставляет простой интерфейс командной строки для создания компонентов и срезов в вашем проекте. Он автоматически создает необходимые файлы и структуру директорий в соответствии с методологией Feature-Sliced Design.

Установка

Чтобы установить FSDGen глобально, выполните следующую команду:

npm install -g fsdgen

Использование

Создание UI-компонента

Чтобы создать новый UI-компонент, используйте команду:

fsdgen ui <componentName>

Например:

fsdgen ui Button

Эта команда создаст компонент Button в директории src/shared/ui/Button с необходимыми файлами:

• Button.tsx
• Button.stories.tsx
• Button.module.scss
• index.ts (open api, для экспорта компонента)

Создание среза

Чтобы создать новый срез, используйте команду:

fsdgen slice <layer> <sliceName>

Например:

fsdgen slice features userProfile

Эта команда создаст срез userProfile в директории src/features/userProfile с необходимыми файлами.