Как вынести компоненты чтобы использовать их в другом проекте

Для выноса компонентов в отдельный проект можно использовать монорепозитории (Lerna, Nx) или отдельные npm-пакеты.

1. Монорепозиторий (Lerna/Nx):

lerna init
lerna create shared-components

Компоненты хранятся в одном репозитории, но могут подключаться в разных проектах.

2. Отдельный npm-пакет:

• Создаем новый проект (npm init).
• Пишем компоненты (React/Vue/etc.).
• Публикуем в npm или используем приватный реестр.

Пример структуры:

shared-components/  
├── src/  
│   └── Button.js  
├── package.json  
└── README.md  

Импорт в другом проекте:

import { Button } from 'shared-components';

Важно:

• Настроить peerDependencies для зависимостей (React, Vue).
• Использовать TypeScript или JSDoc для типизации.
• Тестировать компоненты изолированно (Storybook, Jest).