Lightning Web Components (LWC) Bundle

In this post, we will go through the Lightning Web Component (LWC) Bundle and all the different files that we can have. There are different types of files that we can create as part of the Lightning Web Components (LWC) Bundle to write a particular type of code to meet the business requirements. Lightning Web … Read more

Wire Service in LWC with Example

This post will explain everything you need to know about the Wire Service in LWC (Lightning Web Component) with Examples. This post will contain the implementation for both Wire Service with @wire Property and Wire Service with @wire Function. The WIre Service provisions an immutable stream of data to the Lightning Web Component. Every value … Read more

Use SVG in LWC (Lightning Web Component)

In this post, we will implement the functionality to use and include SVG in LWC (Lightning Web Component). There are two ways to include SVG in LWC (Lightning Web Component): Using HTML Markup Using Static Resource Implementation Use SVG in LWC using HTML Markup To include SVG in Lighting Web Component using HTML Markup, add … Read more

Preview Files in Lightning Aura Components

In this post, we will implement the functionality to preview files in Lightning Aura Component using lightning:fileCard and custom implementation. Let’s get into the implementation. Implementation In this implementation, we will create a Lightning Aura Component to display and preview images. Create a Lightning Aura Component and lightning:fileCard which accepts two arguments: fileId: Id of … Read more

Custom Tab using (LWC) Lightning Web Component

In this post, we will implement Tabs in LWC to create Custom Tab using (LWC) Lightning Web Component. Let’s just hop into the implementation. Implementation In this implementation, we will create a Lightning Web Component to create an Account Record. We will open this Lightning Web Component as a Custom Tab in Lightning. First, create … Read more

template if:true in LWC with Conditional Statements

In this post, we will implement the functionality to use template if:true in LWC (Lightning Web Components) with Conditional Statements. template if:true in LWC is used for Conditional Rendering to display markup or DOM elements dynamically if true value is provided. template if:false works in the same way but with the false value. But template … Read more

Safe Navigation Operator – Avoid Null Pointer Exceptions

In this post, we will use a new feature introduced in Winter ’21 that is Safe Navigation Operator in Salesforce (Apex) to replace explicit, sequential checks for null references and unnecessary IF conditions. This Operator is useful to avoid Null Pointer Exceptions in Apex. It is a Short-Circuit operator that attempts to operate on a … Read more

Send Custom Notification using Apex in Salesforce

In this post, we will implement the functionality to Send Custom Notification using Apex in Salesforce. This feature is introduced recently in the Winter ’21 release. We can also send the Custom Notification using Process Builder in Salesforce. You can check the complete implementation for that here. Implementation In this implementation, we will Send Custom … Read more

Access Fields of an Object Dynamically in Lightning

In this post, we will implement the functionality to access Fields of an Object dynamically in Lightning Component. Ideally, we can access the Field of an Object using {!v.objectName.fieldName}. For example, to access the name of Account, we can use {!v.account.Name}. But what if we don’t know the name of the Field we want to … Read more