Category Archives: Lightning Web Component

In this section, we will see how to display toast notification and how to take user input through Lightning Web Component. The toast notification behavior is same as Lightning Aura Component. Following steps need to be maintained to fulfill the … Continue reading →

15,909 total views, no views today

There are many tools to develop Lightning Web Component. In this session, we will see how to set up Visual Studio Code for developing Lightning Web Component. Step 1: Need to install Salesforce CLI (Command Line Interface) using the following … Continue reading →

14,322 total views, no views today

Definition Lightning Web Components are built with Custom HTML elements comprises of Salesforce Design Systems and modern Javascript like ES6. Lightning Web Component follows Web Component standards. We can work on Lightning Web Component with the existing web technologies framework. … Continue reading →

7,194 total views, no views today

The beauty of Lightning Component Framework is the uniform UI which is consistent in Lightning Design System. So, the styles of Custom Lightning Component and Standard Lightning Component are in uniform. All elements using lightning namespace use Lightning Design System. … Continue reading →

100,797 total views, 3 views today

In this session, we will learn how to use Custom Label in Lightning Web Component. To do this exercise, We can consider the first Lightning Web Component named “welcomeWindow“. Step 1: Need to update the welcomeWindow.js-meta.xml to set the visibility … Continue reading →

8,376 total views, no views today

In ES6 JS architecture, we can export the variables or functions in JS file, so other module can use. Here, we will create simple calculator using import/export functionality in Lightning Web Component framework. Let’s see. Step 1: First, we are … Continue reading →

49,047 total views, 3 views today

In this Publish Subscriber model, components are not situated in the same DOM tree or in the same containment hierarchy. If the components want to communicate between themselves, we have to use publish subscriber model in Lightning Web Component, You … Continue reading →

27,646 total views, no views today

Custom Event is used in Lightning Web Components(LWC) to make the communication from Child Component to Parent Component in the containment hierarchy. Lightning Web Components can create and dispatch custom events. Custom Event Rules To create custom events in LWC, … Continue reading →

24,780 total views, 3 views today

Just like Aura framework, we can call the method of Child Component from the Parent Component. In this communication, flow is from Parent Component to Child Component. We can take one assignment that is when user will enter any phrase, … Continue reading →

23,046 total views, no views today

In LWC JS file, we have declared property with camel case to map attribute with kebab case in LWC HTML file.Whenever we will speak about attribute means we are referring HTML file and whenever we will speak about property means … Continue reading →

22,710 total views, no views today