Single spa Micro frontend - Methods of inter app communication

We check the different ways in which Single spa micro frontends can share data, code etc. We see how we can create a utility module which can be used to share among the different single spa apps. We also look at the Custom Events which can be used to communicate between any kind of micro frontends. Also we see how we can use local/session storages to share data between micro frontends

00:00 - Introduction
00:20 - Create utility module
01:47 - Api cache
12:48 - Shared State with rxjs
19:27 - Custom Events
26:36 - Storage

[larryamisola]

Great job. Please continue providing single-spa topic. Micro frontend is the future. More subscribers to come.

[peddirajukondaveeti]

Thank you bro can you suggest which one is better in this above mentioned 3

[YogeshSingh-mdvl]

How to use angular generated application(ng new app name) with single Spa Like i dont want to use angular application generated by create-single-spa. Also angular application generated by single-Spa is not running separately so how to fix this?

[alen]

Hello sir instead of building app everytime we make changes is there any other way so that the changes can be monitored automatically.

[din]

I have stucked in some place . Not can't resolve utility module. Followed your step.

Colon ':' is showing in red color

[anisdlakic]

My api won't cache, it use actual api all the time. Every time i clicked on "Go to Angular app" it reloads my page.

[rideforworld]

Thank for the video. But i'm getting an issue that is @app/utility module is not found also after declaring it in angular app. How to fire event from angular to react?

[alen]

Hello sir! At 12:26 when you toggle between the two applications the window is not reloading and data is received properly. But in my case the browser is getting reloaded when I go to angular and the data which I setted from react application is vanished and again angular is fetching the actual api and not the cached api...

[srividyab]

Hi Sir, Can we do this utility single spa for vue applications s well? we are trying to call a rest api with the utility module help in single spa vue application

[achintyavideos]

Hi Sir, Can we do this single spa utility module implementation for vue application as well?

[diegoalejandrofrancocuesta]

Hi bro, thank you for uploading those videos related to MF, I implemented the ngrx in order to share data between two angular mf in the same url, but when a send data using next() the other MF recibe that data but its unable to refresh the view, what coud be happening?

[vigneshwar]

Hi sir .. Thanks for the video . My requirement is to handle the redux state management and I am trying to achieve it in single spa . Is it possible??? Can you provide your views pls

[Dummy]

Great job. Clear explanation. i am using microfront end with react typescript and its all working good. but when i run npm test getting cannot find module but i declared in declaration.d.ts. Any solution to fix this? Thanks :)

[viranchinarendraancharwadk]

Great one!
I want to handle unsaved changes in different micro frontends.
I know how to do that with multiple pages in single app. But I want to know how can we do it with a app which is combination of different micro frontends/ apps.

Can you guide me please?

[Tahirkhan-czmb]

Great effort keep it up. Can you please guide me how do I share my scss in utility module