Learning Salesforce Lightning Application Development

Book Image

Learning Salesforce Lightning Application Development

By : Mohit Shrivatsava

Book Image

Learning Salesforce Lightning Application Development

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.

Title Page

PacktPub.com

Foreword

Contributors

Preface

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

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

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

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

Events in the Lightning Component Framework

Events in the Lightning Component Framework

Application events

Component events

Creating a sales LeaderBoard Lightning Application using events

Communicating between components

Lightning Data Service and Base Components

Lightning Data Service and Base Components

Lightning Data Service

Example components using Lightning Data Service

Lightning base components

Using External JavaScript Libraries in Lightning Components

Using External JavaScript Libraries in Lightning Components

Third-party JavaScript libraries in Lightning Components

Debugging Lightning Components

Debugging Lightning Components

Enabling Debug Mode

Salesforce Lightning Inspector

Salesforce community page optimizer

Using the Chrome developer Console

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

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

Lightning Flows

Lightning Flows

Introducing Flows

Adding custom components in Flow builder

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

Lightning Navigation and Lightning Console APIs

Lightning Navigation and Lightning Console APIs

Adding navigation support using Lightning :navigation

Introducing the Lightning Console

Unit Testing Lightning Components

Unit Testing Lightning Components

Introduction to Jasmine

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

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Communicating between components

This section will highlight some of the recommended patterns to follow to communicate between parent and child components.

Passing data down the component hierarchy

To pass data down the hierarchy, you need to define attributes in child components, and then pass the attribute values from the parent component.

The parent component code is as follows:

<aura:component>
 <aura:attribute name="parentAttribute" type="String"/> 
 <c:childComponent childAttribute="{!v.parentAttribute}"/>
</aura:component>

The child component code is as follows:

<aura:component>
 <aura:attribute name="childAttribute" type="String"/> 
</aura:component>

Note

This way of passing data from the child to the parent is expensive when it comes to performance. Leverage the aura methods covered in the next section.

Using aura:method to call child methods from parent methods

The aura:method command is a very useful utility that allows for defining methods in...