Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning Salesforce Lightning Application Development
  • Toc
  • feedback
Learning Salesforce Lightning Application Development

Learning Salesforce Lightning Application Development

By : Mohit Shrivatsava
4.1 (13)
close
Learning Salesforce Lightning Application Development

Learning Salesforce Lightning Application Development

4.1 (13)
By: Mohit Shrivatsava

Overview of this book

Built on the Salesforce App Cloud, the new Salesforce Lightning Experience combines three major components: Lightning Design System, Lightning App Builder, and Lightning Components, to provide an enhanced user experience. This book will enable you to quickly create modern, enterprise apps with Lightning Component Framework. You will start by building simple Lightning Components and understanding the Lightning Components architecture. The chapters cover the basics of Lightning Component Framework semantics and syntax, the security features provided by Locker Service, and use of third-party libraries inside Lightning Components. The later chapters focus on debugging, performance tuning, testing using Lightning Testing Services, and how to publish Lightning Components on Salesforce AppExchange.
Table of Contents (17 chapters)
close
close
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Get in touch
Free Chapter
1
Introduction to the Lightning Component Framework
Introduction to the Lightning Component Framework
Lightning Experience
Lightning Component architecture
Setting up a Salesforce developer organization to enable the building of Lightning Components
The Lightning Design system
Summary
2
Exploring Salesforce DX
Exploring Salesforce DX
Enabling the developer hub in your Salesforce organization
Installing the Salesforce DX CLI
Salesforce DX commands
Lightning commands
Metadata API commands
Data import and export commands in Salesforce DX
Installing the Visual Studio extension pack for DX
Summary
3
Lightning Component Building Blocks
Lightning Component Building Blocks
Component markup and using Lightning base components for layouts
Understanding attributes
Using Expression syntax
JavaScript controller and helper
Wiring the client-side to the server using Apex controllers
Summary
4
The Lightning JavaScript API
The Lightning JavaScript API
Technical requirements
Using component get and set methods
Using the find function to locate the DOM
Introducing Locker Service
APIs available in $A top-level functions
Format date/DateTime using the Aura Localization Service
Dynamically creating components using $A.createComponent()
Modifying the DOM in the RENDERER JavaScript file of the component bundle
Using custom labels in Lightning Components
ES6 support in Lightning Components
Summary
5
Events in the Lightning Component Framework
Events in the Lightning Component Framework
Browser events
Application events
Component events
Creating a sales LeaderBoard Lightning Application using events
Communicating between components
Summary
6
Lightning Data Service and Base Components
Lightning Data Service and Base Components
Lightning Data Service
Example components using Lightning Data Service
Lightning base components
Summary
7
Using External JavaScript Libraries in Lightning Components
Using External JavaScript Libraries in Lightning Components
Third-party JavaScript libraries in Lightning Components
Summary
8
Debugging Lightning Components
Debugging Lightning Components
Enabling Debug Mode
Salesforce Lightning Inspector 
Salesforce community page optimizer
Using the Chrome developer Console
Apex debugging
Summary
9
Performance Tuning Your Lightning Component
chevron up
Performance Tuning Your Lightning Component
Storable actions
Avoiding nested aura:if in aura:iteration
Events strategy for performance and ease of code maintenance
Optimizing JavaScript in Lightning Components
Unbound expression bindings
Using the Lightning data service
Leveraging Lightning base components
Optimizing Apex code
Disabling Debug Mode for production
Summary
10
Taking Lightning Components out of Salesforce Using Lightning Out
Taking Lightning Components out of Salesforce Using Lightning Out
Lightning Out in Visualforce
Lightning Out in a Node.js application
Lightning Out for unauthenticated users
Lightning Out limitations and considerations
Summary
11
Lightning Flows
Lightning Flows
Introducing Flows
Adding custom components in Flow builder
Summary
12
Making Components Available for Salesforce Mobile and Communities
Making Components Available for Salesforce Mobile and Communities
Using Lightning Components in a Salesforce mobile application
Lightning Components in Community Cloud
Summary
13
Lightning Navigation and Lightning Console APIs
Lightning Navigation and Lightning Console APIs
Adding navigation support using Lightning :navigation
Introducing the Lightning Console
Summary
14
Unit Testing Lightning Components
Unit Testing Lightning Components
Introduction to Jasmine
LTS
Summary
15
Publishing Lightning Components on AppExchange
Publishing Lightning Components on AppExchange
Namespacing Salesforce developer instances for managed package generation
The impact of namespacing Salesforce instances on the component bundle
Creating scratch Orgs with namespaces
Creating a managed package
Documenting your components using the auradoc file
Using the design file to allow admins to configure attributes
Publishing components on AppExchange
Summary
16
Other Books You May Enjoy
Other Books You May Enjoy
Leave a review - let other readers know what you think

Events strategy for performance and ease of code maintenance

Application events can take significant performance. Hence, it is recommended that if you need to communicate between two components that follow a hierarchy and there is no business need to couple the components loosely, use a component event instead of an application event.

Also, as a rule of best practice, use only one component event throughout the application. For additional details, refer to the Advanced Event Architecture section in Chapter 5, Events in the Lightning Component Framework.

Event anti-patters that can cause a performance bottleneck

Do not fire an event in the renderer. This can cause an infinite loop. The following code shows the anti-pattern that should be avoided:

afterRender: function(cmp, helper) {
  this.superAfterRender();
    $A.get("e.myns:mycmp").fire();//This is an Anti pattern
}

Note

You can't use different actions for onclick and ontouchend events in a component. The framework translates touch-tap events...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
Start a 7-day FREE trial
End of Section 4
Next Section
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete