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,…
29,666 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,…
26,480 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…
26,886 total views, no 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.…
12,084 total views, no 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…
27,630 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…
9,521 total views, 3 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…
19,357 total views, no views today
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…
10,035 total views, 3 views today
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…
10,515 total views, no views today
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…
11,607 total views, no views today
