How to insert an entire angularjs application into an existing application that is deployed separately

Question

I have a logic app similar to google app switcher, let me call it Wrapper . This application runs on all google services and has a consistent user interface throughout.

I am looking for a solution for entering into my Wrapper application several ready-made various applications with their own styles, presentations and JS. They are written using various technologies, such as React and Angular.

How can I implement such an architecture? Are web components a solution to this, if so, please provide me some examples. (The goal is to deploy the shell separately and all applications for content, so they will have a consistent interface and logic from the shell).

Please do not mention iframe !

Answer 1

We made a similar model called the UI shell, where any developer can develop a microplane in any technology stack, for example angular, react, vue, etc., but the main application will consume them as part of its application and display them as part of the main application. You are looking for a similar approach.