Tengo componentes remotos microfrontend que usan REACT y VUE. Quiero usar estos componentes dentro de una aplicación host (.net) usando Vanilla JS. Actualmente estoy usando la federación de módulos para cargar componentes remotos en la aplicación host. ¿Cómo puedo compartir el estado entre estos componentes? De otra manera, ¿cómo puede un componente comunicarse con otro componente?
La forma básica es EventListener Bus. ejemplo: su componente Vue está desencadenando un evento y su componente React está escuchando este evento. Cuando se activa el evento, la reacción iniciará sus propias acciones.
Puede usar la biblioteca de un solo spa para eso. Es compatible con vanillaJS
Parece que la mejor manera que he encontrado ha sido con la API de broadcastChannel . Aquí hay una implementación de ganchos de reacción que funcionó muy bien en una configuración MFE de federaciones de módulos WebPack.