React/Redux для создания веб-компонентов

Question

Мне интересно, как создать приложение веб-компонентов на базе React/Redux. В этом примере https://github.com/facebook/react/blob/master/examples/webcomponents/index.html показано, как привязать веб-компонент к компоненту React. Но это не совсем то, что мне нужно. Я намерен объявить коллекции «кирпичей», такие как x-dataview, x-sidebar, x-panel, x-modal, которые имеют определенное поведение в зависимости от конфигурации, предоставляемой через атрибуты. Кроме того, они предоставляют публичные API.

Я хотел бы оживить их с помощью React. Поэтому, имея такую ​​коллекцию, вы можете создавать и настраивать приложение в статическом HTML. Таким образом, потребителю не требуется вообще обращаться к источникам React, имея дело с HTML и открытыми API.

Конечно, я могу установить Реагировать на таких пользовательских элементов, но это означает отдельный Redux магазин за веб-компонента, то, что нарушает первый принцип Redux:

«состояние вашего всего приложения хранится в дереве объектов в одном магазине. "

Возможно ли это, если возможно, достичь описанного выше, не нарушая философии Реакта и Редукса?

Answer 1

Если эти компоненты полностью независимы друг от друга, вы можете создать отдельный магазин Redux для каждого из них.

Таким образом вы можете добавить/удалить любой компонент, который вам нужен, и принцип, о котором вы упоминали в цитате, по-прежнему применяется - вы просто думаете о каждом из компонентов как отдельное приложение.

Если вы хотите, чтобы компоненты разговаривали друг с другом, вам придётся совместно использовать хранилище между ними.