I have microfrontend remote components using REACT and VUE. I want to use these components inside a host application(.net) using vanilla JS. I am currently using module federation to load remote components into the host application. How can I share state between these components. In another way how can one component communicate with another component?
2 Answers
The basic way is EventListener Bus. example: Your Vue Component is triggering event, and your React Component is listening this event. When event is fired, react will start own actions.
You can use single-spa library for that. It supports vanillaJS
Seems like the best way I've found has been with the broadcastChannel API. Here is a react hooks implementation of it that worked great in a WebPack module federations MFE setup.
Related