Category Lightning Web Component

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.…

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…

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…

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…

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…

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…

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…