Блог

У меня есть некоторые компоненты, которые я использую в своих проектах, поэтому я подумал, что было бы неплохо создать свою собственную библиотеку React UI, но как?

Должен ли я создать SPA с помощью CRA и начать кодировать и перечислять компоненты в нем?

Да, это один из способов начать.

Но если вы хотите опубликовать ее или упорядочить, чтобы ее можно было лучше использовать, я предлагаю вам использовать Storybook в качестве среды разработки и Jest ESLint.

Есть несколько шаблонов, таких как React AZap, которые помогут вам в этом.

Я создал React AZap как простой в использовании шаблон библиотеки React UI lib. Он использует сборник рассказов и stories для организации ваших компонентов, у него есть генератор компонентов с использованием Plop, тесты с помощью Jest Enzime и стили с помощью styled-components.

Попробуйте, это может сэкономить вам время на запуск вашей библиотеки 😉

Использование CRA вам не поможет, поскольку вы не будете запускать этот проект.
Создание библиотеки компонентов — это то же самое, что и создание любого другого пакета npm, единственное отличие заключается в том, что он должен экспортировать компоненты вместо обычных функций / объектов.
В Интернете есть множество руководств, с которыми вы можете ознакомиться, если хотите получить более подробное объяснение.

Я бы рекомендовал прочитать это руководство, в котором подробно рассказывается о том, как структурировать библиотеку компонентов пользовательского интерфейса с несколькими пакетами. Код также включен, так что вы должны иметь возможность клонировать в репозиторий и приступить к работе.

Надеюсь, это поможет!