Lightning Components Developer Guide

What is the Lightning Component Framework?
Quick Start
Creating Components
Using Components
Communicating with Events
Creating Apps
App Overview
Designing App UI
Creating App Templates
Developing Secure Code
Styling Apps
Using JavaScript
JavaScript Cookbook
Using Apex
Lightning Data Service (Developer Preview)
Lightning Container (Developer Preview)
Using a Third-Party Framework
Sending Messages to and from the App
Handling Errors in Your Container
Lightning Container Limits
Implement an Example
Controlling Access
Using Object-Oriented Development
Using the AppCache
Distributing Applications and Components
Debugging
Fixing Performance Warnings
Reference
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Lightning Container (Developer Preview)

Upload an app developed with a third-party framework as a static resource, and host the content in a Lightning component using lightning:container. Use lightning:container to use third-party frameworks like AngularJS or React within your Lightning pages.

The lightning:container component is available as a developer preview. This feature is available in Developer Edition orgs only. lightning:container isn’t generally available unless or until Salesforce announces its general availability in documentation or in press releases or public statements. All commands, parameters, and other features are subject to change or deprecation at any time, with or without notice. Don’t implement functionality developed with these commands or tools.

Note

The lightning:container component hosts content in an iframe. You can use lightning:container only for single-page applications (SPA).

You can implement communication to and from the framed application, allowing it to interact with the Lightning component. lightning:container provides the message() method, which you can use in the JavaScript controller to send messages to the application. In the component, specify a method for handling messages with the onmessage attribute.

Content in lightning:container is served from the Visualforce domain, which limits where lightning:container can be used. lightning:container can’t be used, for example, in Visualforce pages (using Lightning Components for Visualforce) or Community Builder.