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,072 total views, 3 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,603 total views, 3 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,497 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,336 total views, 3 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,011 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,500 total views, 3 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,595 total views, 6 views today
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…
12,682 total views, no views today
