Я хочу создать свою собственную библиотеку React UI, как я могу начать?

Question

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

Создать ли SPA с использованием CRA и начать кодирование и перечислениекомпоненты на нем?

Answer 1

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

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

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

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

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

Answer 2

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

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

Answer 3

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