Debugging Lightning Components | Learning Salesforce Lightning Application Development

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Learning Salesforce Lightning Application Development

By : Mohit Shrivatsava

4.1 (13)

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.

Preface

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

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

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

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

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

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 and Base Components

Lightning Data Service

Example components using Lightning Data Service

Lightning base components

Summary

Using External JavaScript Libraries in Lightning Components

Using External JavaScript Libraries in Lightning Components

Third-party JavaScript libraries in Lightning Components

Summary

Debugging Lightning Components

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

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

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

Lightning Flows

Introducing Flows

Adding custom components in Flow builder

Summary

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

Lightning Navigation and Lightning Console APIs

Lightning Navigation and Lightning Console APIs

Adding navigation support using Lightning :navigation

Introducing the Lightning Console

Summary

Unit Testing Lightning Components

Unit Testing Lightning Components

Introduction to Jasmine

LTS

Summary

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

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Apex debugging

In this section, we will describe how you can debug Apex classes. The traditional way to debug Apex has been to add system.debug() statements and trace variable values in debug logs. System.debug() prints the variable value in the logs.

You can set the logs in Salesforce by using the setup menu and following the Environments | Logs | Debug logs path. The following screenshot shows how to find theDebug Logsmenu fromSetup:

Once in the Debug Logs menu, you can set the trace flags to start capturing the logs for the user. Check out the following screenshot for how to set up logs. Once logs are set up, any Apex executed is logged. There is a maximum size limit for the logs and it is currently 5 MB:

Note

Read more about debug logs here: https://developer.Salesforce.com/docs/atlas.en-us.Apexcode.meta/Apexcode/Apex_debugging_debug_log.htm.

Using the Salesforce CLI to stream logs

The Salesforce CLI provides the option to stream logs directly from the command line. To tail the logs, you can...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning Salesforce Lightning Application Development

Search

Your notes and bookmarks