July 2018
Beginner to intermediate
458 pages
9h 58m
English
Content preview from Learning Salesforce Lightning Application Development
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Rendering a React application in a Lightning Component using Lightning:container
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: ...