Monthly Archives: March 2019

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,400 total views, 3 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,239 total views, 15 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,700 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,927 total views, 21 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,097 total views, 6 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,734 total views, 3 views today

JS file is included by default in Lightning Web Component file tree structure and this JS file must be needed to execute Lightning Web Component. The naming convention of this file is componentName.js. JS files are based on ES6 modules. … Continue reading →

9,294 total views, 6 views today

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,164 total views, no views today

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,140 total views, no views today

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,459 total views, no views today