Chapter 3: LWC Tutorial – Directives
If:true={property} -> This directive simply adds or removes content from DOM depending on if property evaluates to true or false ie it displays content conditionally. Similarly, we have another directive if:false={property} For:each or Iterator -> These are special directives that are used when we want to show a list of…
Chapter 3: LWC Tutorial – Templates
Let’s revise a little, as we learned in vanilla JS we have to follow the below steps to create a web component. We first create the custom element. We attach shadow DOM to it We clone the template and do all the modifications we want Then we append the template…
Chapter 2: LWC Tutorial – Basics and Component Structure
We can create LWC component via VS code ( Press cmd + shift + P ) or (ctrl + shift + P) and you will see the option as below: After selecting the option, enter the component name and save. We can create LWC for multiple purposes for example …
Chapter 1: LWC Tutorial – Locker Console
We can use the locker console to check our JavaScript code’s compatibility with Lightning Locker, and compare how it runs with Lightning Locker enabled and disabled. E. Setting up Dev environment We cant use the developer console to create the LWC components. We use Salesforce CLI, the VS Code editor…
