Step by Step Guide for Salesforce Lightning Web Components

Salesforce Lightning Component Framework:

Salesforce Lightning Component Framework is a modern User Interface (UI) framework that develops single page web applications for mobile and desktop devices. Accelerating development and app performances, it builds dynamic, responsive user interfaces for any device.

Using JavaScript on the client-side and Apex on the server side, it offers exciting tools to the developers allowing them to deploy new apps and build reusable building blocks, that are custom components, for the seamless customization of Communities, Salesforce mobile app, and Lightning Experience.

Salesforce Lightning components can be built with two programming models:

The Lightning Web Components model

The original Aura Components model

The developers need the code editorof their choice and the Salesforce CLI to create Lightning Web Components, and the developer console to create Aura Components.

Introducing Lightning Web Components:

Leveraging the breakthrough in the web standards, a new Salesforce Lightning components programming model, the Lightning Web Components (LWC) was introduced.

Lightning Web Components are the custom elements built on the web component standards using HTML and modern JavaScript; representing the core Aura runtime by minimalizing the use of custom codes making it more secure and faster. Lightning web components and Aura components coexist and interoperate on a page, delivering unparalleled performance and appear as Lightning components to the admins and end users.

Using the core web component standards, Lightning Web Components UI framework provides the essentials to perform well in the browsers that are supported by Salesforce.

Lightning Web Components framework is lightweight and delivers exceptional performance as it uses the best native Web Components.

Prerequisites to create a lightning web component:

Step 1: Salesforce Org setup:

Login into your existing salesforce org or sign up for the new org using

Let’s personalize the org which we created by registering a domain by searching My Domain in quick find box.