В ReactJS как интегрировать основные и локальные (специфичные для проекта) компоненты как плагин

Question

Я создаю фронтенд приложений, используя ReactJS а также redux state container, Это приложение (ядро) будет многократно использоваться в различных проектах, в некоторых из которых мне понадобятся некоторые дополнительные функции / расширения (плагин). Они должны быть отделены от ядра. Приложение и расширения отображаются в браузере клиента (я ничего не делаю на сервере).

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

Есть идеи?
Спасибо;)

Answer 1

Насколько я понимаю, @romek - ваш вариант использования звучит как классический случай масштабирования (модульности) вашего программного обеспечения. То, что я бы предложил, - это иметь четкое понимание частей, вовлеченных в работу компонента / контейнера. Это (согласно моему опыту) -

1. Чтение данных из магазина (селекторы).
2. Запись данных в хранилище (редукторы).
3. Передача других побочных эффектов / взаимодействий ( thunk или sagas).
4. Фактический компонент, который потребляет эти модули.

Теперь, когда вы определили все эти части (или больше), вы заставляете каждый сторонний компонент придавать / реализовывать этот дизайн. Теперь вам просто нужно импортировать компонент и отобразить его.

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