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.
  • Book Overview & Buying Learning Salesforce Lightning Application Development
  • Table Of Contents Toc
  • Feedback & Rating feedback
Learning Salesforce Lightning Application Development

Learning Salesforce Lightning Application Development

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

Learning Salesforce Lightning Application Development

4.1 (13)
By: Mohit Shrivatsava
Buy this Book

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

Salesforce community page optimizer

This Chrome extension allows us to figure out the performance bottlenecks in your components. You can install the Chrome extension from https://chrome.google.com/webstore/detail/Salesforce-community-page/alkcnclapbnefkodhbkpifdkceldogka, which takes you to the Chrome store.

Let's run the performance optimizer on our YouTube search application to gather some performance metrics. To run the tool, click on the extension icon found in the extreme top-right section of Chrome, as shown in the following screenshot:

The following screenshot shows the optimizer score after running the performance optimizer on our application:

Results from the optimizer chrome extension plugin that is used to analyze performance of the Lightning Page

It can be inferred that the time taken by the server can be optimized further. The following screenshot shows the time taken by each of the components to create and render:

Rendering time for components on the page

The following screenshot...

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 5
Next Section

Create a Note

Modal Close icon
You need to login to use this feature.
notes
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

Delete Note

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

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY