Questions tagged [micro-frontend]

This tag is awaiting usage guidance … be the first to contribute!

Encountering a specific problem with the Single Spa Micro frontend when using @emotion/react, where multiple instances of emotion/react are

I am working on a codebase that is structured like a single spa micro frontend in React. It utilizes MUI5 and Emotion/React for layouts and designs. Each micro frontend has its own package.json file, with Emotion/React installed separately in each one. The ...

Error encountered in Webpack 5 module federation when attempting to dynamically load a remote module and a

I am attempting to transform a large monolithic React application into micro-frontends using webpack module federation. The remote module has already been deployed and is functioning flawlessly when the dev server is running locally. However, upon running ...

Micro Frontend: Implementing a Pubsub System for Scalable Front-End Architecture

Currently, I am developing a large-scale application using the innovative micro front end architecture. The application is split into 5 Micro Apps: (micro-app-A (developed in Vue), micro-app-B (built with Vue), micro-app-C (using Angular), micro-app-D (cre ...

Best method for distributing components across nextjs zones?

Scenario: I am currently working on a project using Next.js and taking advantage of its multi zones feature. This feature allows us to run multiple independent NextJS applications as a unified app, managed by different teams. The Issue: One challenge I fa ...

Next.js presents a challenge with micro frontend routing

In the process of developing a micro frontend framework, I have three Next.js projects - app1, app2, and base. The role of app1 and app2 is as remote applications while base serves as the host application. Configuration for app1 in next.config.js: const ...

Tips for properly removing or unmounting a React App from a website

On my website, there is a special button that triggers the launch of a React application within a designated div. Once clicked, a new react root div is created and the app is rendered inside it. What is the correct way to shut it down? <!--HTML fro ...

Resolving Discrepancies in Microfrontend Styling

Hey there, I'm currently dealing with a Microfrontend application that utilizes the Material UI dependency internally (both at the Host and Child MFE). I've encountered a CSS conflict problem that arises when the styles are loaded in a specific ...

Different Option for Single-spa

We currently possess a vast enterprise application developed in angularjs. However, we are now faced with the task of transitioning to angular. Consequently, we have dismissed the option of employing the recommended "ngUpgrade" hybrid approach. Hence, we ...

Unable to open modal window in Angular 14 micro-frontend application

I've been working on a micro front end project and running into some issues with opening modal popup windows. I've tried both the Angular material and bootstrap approaches, but ran into problems with both. With Angular material, the popup window appears be ...

Transitioning from a multipage application to Piral: A comprehensive guide

Our organization operates several ASP.NET Core applications that are traditional multipage applications. As we develop a new portal using Piral, we want to incorporate elements from our existing applications while also introducing new modules. How can we ...

Exploring the power of Angular Module Federation in leveraging remote services

I am breaking down an Angular application into multiple microfrontends. One of these microfrontends manages the shopping cart, and it includes a service for storing added products. The main shell microfrontend needs to access this service to display the nu ...