Question 87365 in ASP.NET Question posted in
The official documentation can be found here.

React, Vue microfrontend communication inside a javascript host application – Asp.net

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?

Tags:

2

Answers


  1. 0

    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

    Login or Signup to reply.
  2. 0

    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.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search