Systems and methods for presenting web application content

A non-transitory computer-readable medium storing instructions that, when executed by one or more processors of a computer system, cause the one or more processors to perform operations for presenting web application content, the 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;
• registering, by a navigation framework library, each of a plurality of child applications with the parent application such that the parent application and each of the plurality of child applications identify and/or communicate with one another based on a registered correspondence between the plurality of child applications and a plurality of child application identifiers, wherein the parent application includes one or more shared interface components for each of the plurality of child applications;
• upon detection, by the web browser, of a user command indicative of a first child application identifier, identifying, from the plurality of child applications, a first child application corresponding to the first child application identifier based on the registered correspondence;
• transpiling child application code of the first child application from a first programming language to a second programming language executable by the web browser, to obtain a transpiled child application code;
• replacing existing child application code in a document object model of the parent application with the transpiled first child application code such that the transpiled child application code is incorporated into the web page element;
• and
• rendering the transpiled child application code and the web page element using the web browser, so that a micro-frontend is displayed in the web browser as part of the web page element.

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:
• registering, by a navigation framework library, a child application of a plurality of child applications with a parent application such that the parent application and the child application identify and/or communicate with one another, the parent application being a single page application executable in a web browser of a client device to display a web page element and one or more of a plurality of child applications in the web browser, wherein the parent application includes one or more shared interface components for each of the plurality of child applications;
• receiving, from a client device, a page load request;
• transmitting, to the client device, the parent application, wherein the parent application, when executed in the web browser of the client device, configures the client device to identify the child application when the child application is requested by user action performed by a user of the web browser;
• receiving, from the client device, an asynchronous request requesting a child application code of the child application;
• and
• transmitting, to the client device, the child application code,
• wherein the parent application, when executed in the web browser of the client device, further configures the client device to:
• use a transpiler to transpile the child application code from a first programming language to a second programming language executable by the web browser, to obtain a transpiled child application code renderable by the web browser, the transpiled child application code defining a micro-frontend;
• and
• replace existing child application code in a document object model of the parent application with the transpiled child application code such that the transpiled child application code is incorporated into a web page element of the parent application so that the micro-frontend is displayed in the web browser as part of the web page element.