Lightning
DOWNLOAD
First things first !
To download this implementation guide, click the download button below.
If you need more information about the implementation guide, you can read the Table of Contents below.
Chapter Introducing Aura Components
Chapter Quick Start
Before You Begin
Trailhead Explore Lightning Aura Components Resources
Create a Component for Lightning Experience and the Salesforce Mobile App
Load the Contacts
Fire the Events
Chapter Creating Components
Component Names
Create Aura Components in the Developer Console
Lightning Bundle Configurations Available in the Developer Console
Create Aura Components Using Salesforce CLI
Component Markup
Component Namespace
Using the Default Namespace in Organizations with No Namespace Set
Using Your Organizations Namespace
Using a Namespace in or from a Managed Package
Creating a Namespace in Your Organization
Namespace Usage Examples and Reference
Component Bundles
Component IDs
HTML in Components
Supported HTML Tags
CSS in Components
Component Attributes
Supported auraattribute Types
Basic Types
Function Type
Object Types
Standard and Custom Object Types
Collection Types
Custom Apex Class Types
FrameworkSpecific Types
Using Expressions
Dynamic Output in Expressions
Conditional Expressions
Data Binding Between Components
Value Providers
Expression Evaluation
Expression Operators Reference
Expression Functions Reference
Component Composition
Component Body
Component Facets
Controlling Access
Application Access Control
Interface Access Control
Component Access Control
Attribute Access Control
Event Access Control
Using ObjectOriented Development
Favor Composition Over Inheritance
What is Inherited
Inherited Component Attributes
Abstract Components
Interfaces
Inheritance Rules
Best Practices for Conditional Markup
Aura Component Versioning for Managed Packages
Base Components with Minimum API Version Requirements
Validations for Aura Component Code
Validation When You Save Code Changes
Validation During Development Using ESLint
Aura Component Validation Rules
Using Labels
Using Custom Labels
Input Component Labels
Dynamically Populating Label Parameters
Getting Labels in JavaScript
Getting Labels in Apex
Setting Label Values via a Parent Attribute
Localization
Working with Base Lightning Components
Base Lightning Components Considerations
Event Handling in Base Lightning Components
Creating a Form
Validating Fields
Lightning Design System Considerations
Migrate Components from the ui Namespace
Supporting Accessibility
Accessibility for Base Lightning Components
Write Aura Component Accessibility Tests
Writing Documentation for the Component Library
Creating Examples
Creating Documentation Content
Providing Specification Information and Descriptions
Chapter Using Components
Aura Component Bundle Design Resources
Use Aura Components in Lightning Experience and the Salesforce Mobile App
Configure Components for Custom Tabs
Add Aura Components as Custom Tabs in a Lightning Experience App
Lightning Component Actions
Override Standard Actions with Aura Components
Navigate Across Your Apps with Page References
Basic Navigation
Add Links to Lightning Pages from Your Custom Components
Add Query Parameters
Navigate to a Record Create Page with Default Field Values
Navigate to a Web Page
Migrate to lightningisUrlAddressable from forcenavigateToComponent
pageReference Types
Get Your Aura Components Ready to Use on Lightning Pages
Configure Components for Lightning Pages and the Lightning App Builder
Configure Components for Lightning Experience Record Pages
Create Components for the Outlook and Gmail Integrations
Create Components for Forecast Pages
Create Dynamic Picklists for Your Custom Components
Create a Custom Lightning Page Template Component
Lightning Page Template Component Best Practices
lightningflexipageRegionInfo
App Builder
Use Aura Components in Experience Builder
Configure Components for Experience Builder
Create Custom Theme Layout Components for Experience Builder
Create Custom Component for Guest User Flows
Create Custom Search and Profile Menu Components for Experience Builder
Create Custom Content Layout Components for Experience Builder
Use Aura Components with Flows
Considerations for Configuring Components for Flows
Customize Flow Screens Using Aura Components
Create Flow Local Actions Using Aura Components
Embed a Flow in a Custom Aura Component
Display Flow Stages with an Aura Component
Add Components to Apps
Integrate Your Custom Apps into the Chatter Publisher
Using Background Utility Items
Use Lightning Components in Visualforce Pages
Add Aura Components to Any App with Lightning Out Beta
Lightning Out Requirements
Lightning Out Dependencies
Lightning Out Markup
Authentication from Lightning Out
Share Lightning Out Apps with NonAuthenticated Users
Lightning Out Considerations and Limitations
Lightning Container
Using a ThirdParty Framework
Lightning Container Component Limits
The Lightning Realty App
lightningcontainer NPM Module Reference
Chapter Communicating with Events
Actions and Events
Handling Events with ClientSide Controllers
Component Events
Component Event Propagation
Create Custom Component Events
Fire Component Events
Handling Component Events
Component Event Example
Application Events
Application Event Propagation
Create Custom Application Events
Fire Application Events
Handling Application Events
Application Event Example
Event Handler Behavior for Active Components
Event Handling Lifecycle
Advanced Events Example
Firing Events from NonAura Code
Events Best Practices
Events AntiPatterns
Events Fired During the Rendering Lifecycle
Events Handled in the Salesforce Mobile App and Lightning Experience
System Events
Chapter Communicating Across the DOM with Lightning Message Service
Create a Message Channel
Publish on a Message Channel
Subscribe to a Message Channel
Lightning Message Service Limitations
Chapter Creating Apps
Chapter Styling Apps
Using the Salesforce Lightning Design System in Apps
Using External CSS
More Readable Styling Markup with the join Expression
Tips for CSS in Components
CSS for RTL Languages
Vendor Prefixes
Styling with Design Tokens
Tokens Bundles
Create a Tokens Bundle
Defining and Using Tokens
Using Expressions in Tokens
Extending Tokens Bundles
Using Standard Design Tokens
Chapter Developing Secure Code
Lightning Locker
JavaScript Strict Mode Enforcement
DOM Access Containment
Secure Wrappers
eval Function is Limited by Lightning Locker
MIME Types Permitted
Access to Supported JavaScript API Framework Methods Only
What Does Lightning Locker Affect
Lightning Locker Tools
Select the Locker API Version for an Org
Disable Lightning Locker for a Component
Dont Mix Component API Versions
Lightning Locker Disabled for Unsupported Browsers
Lightning Web Security
Content Security Policy Overview
Stricter CSP Restrictions
Chapter Using JavaScript
Supported JavaScript
Invoking Actions on Component Initialization
Sharing JavaScript Code in a Component Bundle
Sharing JavaScript Code Across Components
Using External JavaScript Libraries
Dynamically Creating Components
Detecting Data Changes with Change Handlers
Finding Components by ID
Working with Attribute Values in JavaScript
Working with a Component Body in JavaScript
Working with Events in JavaScript
Modifying the DOM
Modifying DOM Elements Managed by the Aura Components Programming Model
Modifying DOM Elements Managed by External Libraries
Checking Component Validity
Modifying Components Outside the Framework Lifecycle
Throwing and Handling Errors
Calling Component Methods
Return Result for Synchronous Code
Return Result for Asynchronous Code
Dynamically Adding Event Handlers To a Component
Dynamically Showing or Hiding Markup
Adding and Removing Styles
Which Button Was Pressed
Formatting Dates in JavaScript
Using JavaScript Promises
Making API Calls from Components
Control Access to Browser Features
Manage Trusted URLs
Chapter Working with Salesforce Data
Lightning Data Service
Loading a Record
Editing a Record
Creating a Record
Deleting a Record
Record Changes
Handling Errors
Changing the Display Density
Considerations
Lightning Action Examples
SaveRecordResult
Displaying the Create and Edit Record Modals
Using Apex
Creating ServerSide Logic with Controllers
Testing Your Apex Code
Making API Calls from Apex
Make LongRunning Callouts with Continuations
Creating Components in Apex
Chapter Testing Components
Chapter Debugging
Enable Debug Mode for Lightning Components
Disable Caching Setting During Development
Salesforce Lightning Inspector Chrome Extension
Install Salesforce Lightning Inspector
Salesforce Lightning Inspector
Log Messages
Chapter Performance
Performance Settings
Enable Secure Browser Caching
Enable CDN to Load Applications Faster
Fixing Performance Warnings
auraifClean Unrendered Body
auraiterationMultiple Items Set
Chapter Reference
Component Library
Differences Between Documentation Sites
System Tag Reference
auraapplication
auradependency
auraevent
aurainterface
auramethod
auraset
JavaScript API
A namespace
Action
AuraLocalizationService
Component
Event
Util
