Category Archives: Salesforce Lightning

Pascal Case, Camel Case, Kebab Case & Snake Case

In Lightning Web Component, we need to maintain the case for Class Name, Variable Name, Component Name etc. Before going to describe, we need to focus on the respective cases. Camel Case: Each word in the middle of the respective … Continue reading

22,392 total views, no views today

Posted in Lightning Web Component | Leave a comment

Create First Lightning Web Component

Every Lightning Web Component (LWC) has the following files such as html [defines the UI layer with html content] js [defines the behavior of the LWC] css [defines the look & feel] svg [defines the Scalable Vector Graphics for the … Continue reading

7,185 total views, no views today

Posted in Lightning Web Component | Leave a comment

Shadow DOM in Web Component

Shadow DOM is a mechanism to encapsulate the DOM Tree. Shadow DOM is not a part of the main DOM tree. It prevents overriding the style or behavioral of the respective markup elements. Following image describes the Shadow DOM from the … Continue reading

15,549 total views, no views today

Posted in Lightning Web Component | Leave a comment

What is Custom Element?

One of the most important feature in HTML 5 is Custom Element. We can define our own tag with the help of Custom Element. To build the Custom Element, we need to create following components. 1. Define the DOMString name … Continue reading

7,695 total views, no views today

Posted in Lightning Web Component | Leave a comment

How to use HTML Template as a part of Web Component?

HTML template is a mechanism to hold the client-side content but it’s not rendered during page loading until it’s forcefully instantiated from the JavaScript. Let’s say, we are going to create html and js files to understand the HTML 5 … Continue reading

8,175 total views, no views today

Posted in Lightning Web Component | Leave a comment

Communication Types for Lightning Web Components

Same Type of Communication in Lightning Component exists in Lightning Web Component also. Following are the mechanisms to communicate between Lightning Web Components. Direct Call Lightning Web Component with certain attributes – Remember this communication is in one direction, not … Continue reading

9,321 total views, no views today

Posted in Lightning Web Component | Leave a comment

Web Component in HTML 5

Introduction Before going to understand the Lightning Web Component, we need to focus on some basic features of Web Component introduced at the part of HTML 5. Web Components provide standard component model for the Web and allow encapsulation of … Continue reading

10,314 total views, no views today

Posted in Lightning Web Component | Leave a comment

Lightning Testing Service with Jasmine

Lightning Testing Service:  Salesforce has already provided the Apex Testing framework to check the features in your Apex classes and triggers at the server side. Now, the question is how to test the Lightning Component at the client side. Lightning Testing … Continue reading

4,781 total views, no views today

Posted in Lightning Components | 1 Comment

Method vs Component Event in Lightning

Already, we have studied about Method and Component Event in Lightning.Now, we will focus on the difference between Method and Component Event in Lightning. 3,029 total views, no views today

3,029 total views, no views today

Posted in Lightning Components | Leave a comment

How to use method in Lightning Component?

You can call a method using aura:method tag in a component’s client side controller instead of using Component Event. In short, aura:method communicates down the Containment Hierarchy that means a Parent Component can call aura:method on a child component in the … Continue reading

5,082 total views, no views today

Posted in Lightning Components | Leave a comment