общий сборник рассказов для угловых и реагирующих

Question

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

Есть ли у кого-нибудь какой-нибудь опыт?

(это общий вопрос,Прошу только общие указания)

Answer 1

Идея использования Storybook или любой библиотеки документации по компонентам пользовательского интерфейса заключается в том, чтобы позволить вашим компонентам разрабатываться и существовать изолированно от остальной части исходного кода пользовательского интерфейса. При этом есть пара подходов, которые можно использовать здесь -

1. Перенесите все ваши компоненты в установку компонентов, не зависящую от языка, используя что-то вроде Stencil . Вы можете сделать это и с помощью веб-компонентов, но использование Stencil будет намного короче и быстрее в плане разработки. Да, это потребует усилий для изучения "еще одной JS-фреймворка" (или нет! Знаете ли вы, что Stencil - просто компилятор, и вы можете написать его, используя технический стек, с которым вы уже знакомы!). И значительные усилия по тестированию, если вы портируете свои компоненты, если эти приложения развернуты на производстве. Но преимущества, которые вы получите в течение длительного периода времени, могут оправдать его в многотехнологичной среде стека.

2. Отделите и поместите (только) ваши компоненты из обоих проектов впроект только для компонентов. Существуют способы их сосуществования, как директивы оболочки , так и с сторонними библиотеками, такими как ngReact. Это может добавить определенный уровень сложности для разработчиков со знанием только одного из этих технических стеков, но, тем не менее, безусловно, способ сделать это. Затем вы можете использовать Storybook на этих полуоригинальных, наполовину обернутых компонентах, и он может служить единым целым для всех.

В любом случае, эти хорошие принципы проектирования должны соблюдаться сваши компоненты -

• Извлекайте компоненты из разных мест в единый источник правды.

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

• Если возможно, старайтесь не использовать многостековую архитектуру, вхотя бы для ваших компонентов. Предпочитайте независимые от языка библиотеки / каркасы для компонентов.