The Lightning:container component allows us to load single-page JavaScript applications from static resources. If you have an application built using React, Angular, Vue.js, or any other framework, and want to load it inside a Salesforce Lightning Component, the quickest way would be to use the Lightning:container component and load the application into a static resource.
To understand how it works, let's create an HTML file with the following content and load it into a static resource named home:
<html> <head> </head> <body> Test Content </body></html>
Now, let's create a Lightning Component using the Lightning:container:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force: ...