Как поделиться состоянием пользовательского интерфейса в одном спа-салоне, используя Rx Js? - PullRequest
0 голосов
/ 29 апреля 2020

Согласно официальному заявлению для одного спа-центра c, мы можем поделиться состоянием пользовательского интерфейса приложения, используя Rx Js.

Observables / Subjects (Rx Js) - один микро-интерфейс излучает новые значения в поток, который может использоваться любым другим микро-интерфейсом. Он экспортирует наблюдаемое во все микро-интерфейсы из своего модуля в браузере, чтобы другие могли его импортировать.

Ссылка: https://single-spa.js.org/docs/recommended-setup/#ui -состояния

Ссылка : https://single-spa.js.org/docs/faq/#how -can-i-share-application-application-state-Между-приложениями

Я пытался создать пример в React, где я использую одноразовую посылку для включения мои микро-приложения в приложении root. Я пытался поделиться состоянием пользовательского интерфейса, используя Rx Js. Когда я погуглил его для Rx Js, я ничего не нашел. Может ли кто-нибудь предоставить мне базовый c пример, в котором я смогу поделиться состоянием пользовательского интерфейса для следующих случаев использования:

  • Передача состояния пользовательского интерфейса из приложения root в мои микро-приложения.
  • Совместное использование состояния пользовательского интерфейса из микро-приложений для root приложений.
  • Совместное использование состояния пользовательского интерфейса между микро-приложениями.

1 Ответ

2 голосов
/ 30 апреля 2020

Вот краткий обзор того, как подойти к этому:

  • добавить rx js в качестве общей зависимости в вашей карте импорта

    "rxjs": 'https://unpkg.com/@esm-bundle/rxjs/system/rxjs.min.js,
    "rxjs/operators": 'https://unpkg.com/@esm-bundle/rxjs/system/rxjs-operators.min.js,
    
    • рассмотрите возможность прикрепления их к определенной c версии!
  • создание служебного модуля ( create-single-spa делает это легко !), который устанавливает и экспортирует наблюдаемые с необходимыми вам данными
  • включает этот служебный модуль в importmap тоже
  • import и подписывается на наблюдаемое из служебного модуля в приложениях, которым оно необходимо
    • не забудьте отписаться, когда ваши приложения будут отключены.
  • праздновать ?
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...