Systems and methods for presenting web application content

A computer system for presenting web application content, the computer system comprising:

• a memory storing instructions;
• and
• one or more processors configured to execute the instructions to perform operations including:
• executing a parent application using a web browser, the parent application being a single page application configured to display a web page element and one or more of a plurality of child applications in the web browser, wherein the web page element is a document object model (DOM) element of the parent application, and wherein the parent application includes one or more shared interface components for each of the plurality of child applications;
• identifying a first child application requested by a user action;
• obtaining first child application code of the identified first child application, the first child application code defining a first micro-frontend;
• replacing existing child application code in the DOM element of the parent application with code based on the first child application code such that the first child application code is incorporated into the web page element;
• and
• rendering the code based on the first child application code and the web page element using the web browser, so that the first micro-frontend is displayed in the web browser as part of the web page element.

A computer-implemented method for presenting web application content, the method comprising:

• executing, by one or more processors, a parent application using a web browser, the parent application being a single page application configured to display a web page element and one or more of a plurality of child applications in the web browser, wherein the web page element includes existing child application code of one of the plurality of child applications defining a presently displayed micro-frontend in the web browser as part of the web page element, wherein the parent application includes one or more shared interface components for each of the plurality of child applications;
• identifying, by the one or more processors, a first child application requested by a user action based on a first child application identifier;
• obtaining, by the one or more processors, first child application code of the identified first child application, the first child application code defining a first micro-frontend in a first programming language;
• replacing, by the one or more processors, the existing child application code in the web page element of the parent application with code based on the first child application code such that the first child application code is incorporated into the web page element;
• rendering, by the one or more processors, the code based on the first child application code and the web page element using the web browser, so that the first micro-frontend is displayed in the web browser as part of the web page element;
• identifying, by the one or more processors, a second child application requested by a second user action based on a second child application identifier;
• obtaining, by the one or more processors, second child application code of the second child application, the second child application code defining a second micro-frontend in a second programming language different than the first programming language;
• replacing, by the one or more processors, the code based on the first child application code in the web page element of the parent application with code based on the second child application code such that the second child application code is incorporated into the web page element;
• and
• rendering, by the one or more processors, the code based on the second child application code and the web page element using the web browser, so that the second micro-frontend is displayed in the web browser as part of the web page element.