Common Salesforce Lightning Questions and Answers

Q1: How do I load external JavaScript and CSS libraries into Lightning Components?

A: The ltng:resource component simplifies loading third-party JavaScript and CSS into your Lightning Components. Here’s the syntax to use:

<ltng:require 
    styles="/resource/bootstrap" 
    scripts="/resource/jquery,/resource/bootstrapjs" 
    afterScriptsLoaded="{!c.jsLoaded}" />

Q2: What are the different Salesforce Lightning interfaces?

A: Some commonly used Salesforce Lightning interfaces include:

• force:hasRecordId
• force:appHostable
• flexipage:availableForAllPageTypes
• flexipage:availableForRecordHome
• force:lightningQuickAction

Q3: What is Aura in Salesforce Components?

A: The Aura Components programming model is based on the open-source Aura framework, which allows you to build applications independently of your data stored in Salesforce.

Q4: What is Salesforce Lightning Conditional Markup?

A: Conditional markup in Salesforce Lightning can be managed using aura:if. You can toggle classes using the following syntax:

$A.util.toggleClass(toggleText, "toggle");

Q5: What is Salesforce Connect?

A: Salesforce Connect is a framework that allows you to view, search, and modify data stored outside your Salesforce organization. For instance, if you have data in an enterprise resource planning (ERP) system on-premises, you can access this data in real-time via web service callouts without needing to copy it into your org.

Q6: What is the Renderer in the Lightning Component Bundle?

A: The Renderer service in the Lightning Component Bundle modifies the DOM elements created by the framework for a component. Custom renderers can be used to change or override the default rendering behavior. For example, the component firstCmp.cmp would have a renderer named firstCmpRenderer.js.

Q7: What does "extends" mean in Salesforce Lightning (e.g., extends="ltng:outApp")?

A: When a subcomponent extends a super component, it inherits the attributes of the super component. For example:

<aura:component extends="c:super"></aura:component>

This calls another component that is defined as "super."

Q8: What is an Aura Method in Salesforce Lightning?

A: An Aura Method allows you to call a function and pass parameter values from a parent component directly to a child component’s client-side controller. This provides a more straightforward way to communicate between components. Here’s an example:

Child Component (ChildCmp.cmp):

<aura:method name="GetMessageFromChildMethod" action="{!c.getMessage}" access="public">
    <aura:attribute name="Name" type="String" default="Amit"/>
</aura:method>

Parent Component (ParentCmp.cmp):

<c:ChildCmp aura:id="childComponent"/>

Q9: What is force:hasRecordId?

A: By adding the force:hasRecordId interface to a Lightning component, you can assign the ID of the current record to the component. This is particularly useful for components used on Lightning record pages. Here’s how you can implement it:

<aura:component implements="force:lightningQuickAction,force:hasRecordId">
    <aura:attribute name="recordId" type="String" />
</aura:component>

To access the record ID, you can use:

component.get("v.recordId");

Q10: What is Lightning Data Service?

A: Lightning Data Service enables you to load, create, edit, or delete a record in your component without the need for Apex code, streamlining the data management process within your Lightning components.