Learning Salesforce Lightning Application Development

By : Mohit Shrivatsava

4.1 (13)

Buy this Book

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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

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

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

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

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

Events in the Lightning Component Framework

Browser events

Application events

Component events

Creating a sales LeaderBoard Lightning Application using events

Communicating between components

Summary

Lightning Data Service and Base Components

Lightning Data Service

Example components using Lightning Data Service

Lightning base components

Summary

Using External JavaScript Libraries in Lightning Components

Third-party JavaScript libraries in Lightning Components

Summary

Debugging Lightning Components

Enabling Debug Mode

Salesforce Lightning Inspector

Salesforce community page optimizer

Using the Chrome developer Console

Apex debugging

Summary

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

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

Lightning Flows

Introducing Flows

Adding custom components in Flow builder

Summary

Making Components Available for Salesforce Mobile and Communities

Using Lightning Components in a Salesforce mobile application

Lightning Components in Community Cloud

Summary

Lightning Navigation and Lightning Console APIs

Adding navigation support using Lightning :navigation

Introducing the Lightning Console

Summary

Unit Testing Lightning Components

Introduction to Jasmine

LTS

Summary

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

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

4.1 (13)

5 star

53.8%

4 star

23.1%

3 star

7.7%

2 star

7.7%

1 star

7.7%

Debugging Lightning Components

On the client-side, Lightning Components consist of JavaScript, while on the server-side they are an Apex class that does all the server-side logic. Debugging Lightning Components involves an understanding of the debugging techniques used for JavaScript, as well as techniques used for debugging Apex classes.

In this chapter, we will explore the following topics:

Chrome extensions that Salesforce offers to debug Lightning Components and analyze their performance
Using Chrome developer tools for JavaScript debugging
Leveraging the Salesforce Apex Replay Debugger for server-side Apex debugging

We will take the YouTube search component example we built in Chapter 3, Lightning Component Building Blocks, to understand debugging techniques.