A Short Introduction to Lightning Web Components

A Short Introduction to Lightning Web Components

Sharing is caring!

Salesforce, the global leader in CRM, has introduced a new programming platform called Lightning Web Components (LWC) in December 2018, in comparison to the existing Aura Framework. 

Lightning Web Components are custom HTML elements created using HTML and modern JavaScript that is widely used to build a highly personalized, customizable User Interface(UI) without using JavaScript or creating a Library.

Lightning Web Components and Lightning components can co-exist and work together on a single page. Both of these components appear as Lightning Components for admins and end-users. 

What Are Lightning Components?

Lightning Components can be defined as a user interface (UI) framework that is used to create robust Single Page Applications (SPAs) for desktop and mobile technologies.

Salesforce Admins make use of these components for creating single-page web applications that deliver an end-to-end customer experience on the Salesforce platform to facilitate a variety of functions. Lightning Components can be created, divided, and integrated seamlessly with all the other components that let you create highly customized and sophisticated pages using the flexible page layouts.

What Are Lightning Web Components?

Lightning Web Components are the new and enhanced web standards-based framework method that can be used to create lightning components on the Salesforce Platform. Lightning Web Components utilize standard technologies such as CSS, HTML, and updated JavaScript without the need of a set framework, incorporating the latest innovations in JavaScript like Shadow Document Object Model (DOM), custom elements, and web components.

Benefits Of Lightning Web Components

There are plenty of benefits of using Salesforce Lightning Web Components for everyone in different roles. 

For Developers

  • Standardized-based architecture can be utilized to build components for pages easily and rapidly.
  • The reuse of code is supported for faster deployments.
  • Support unit testing framework for quality assurance.

For Admins

  • Lightning Web Components make the process of building a Lightning page much easier with the help of advanced standard-based architecture,
  • Implement Lightning Web Components with clicks instead of writing code manually in the application.

For Users

  • The components run more smoothly without interrupting the browser while enhancing visual performance.

Components of Lightning Web Components

Lightning Web Component comprises of below-mentioned files :

HTML: HTML defines the structure for your component.

JavaScript: JavaScript provides the core business logic and event handling.

CSS: CSS provides a way to change the look, feel, and animation for your component.

Component Configuration File –  This file supports metadata for Salesforce that includes the design configuration for components intended for use in Lightning App Builder.

Difference between Lightning Components and Lightning Web Components

Lightning ComponentsLightning Web Components
Utilizes a standardized JavaScript framework.Utilizes standard tools like CSS, HTML, and updated JavaScript.
Developers must specialize in the Salesforce platform.Support modern web standards, so developers don’t need to be proficient with Salesforce architecture.
Code reuse is supported.Code reuse is supported.
It doesn’t support the unit testing framework.It supports the unit testing framework for quality assurance.
Heavily dependent on the Aura framework for creation and execution. Not built on code that runs natively in browsers.Natively supported in the browser as the application’s performance is faster.


If you are planning to migrate your Org from Classic to Lightning, then LWC would be an ideal choice to build custom pages without writing custom JavaScript code.  Lightning Web Components provide good UI performance on browsers that enhances the latest features of JavaScript. 

Lightning Web Components provide a layer of specialized Salesforce services on top of the core stack such as Base Lightning Components, Lightning Data Service, and User Interface API.

Want to know more? Join our webinar on Thursday, May 28, 2020, at 3 PM GMT, to learn the basics of Lightning Web Components and how to create new Lightning Web Components. Gain invaluable insights and insider secrets on how to select answers and submit forms from public sites using Lightning Web Components. 


Akshay Dhiman

Chief Technical Officer
Akshay Dhiman, the CTO of Cloud Analogy, has been a standout and successful Salesforce Platform Developer for years. He has a rich experience in Salesforce Integration, JavaScript, APEX, VisualForce, Force.com Sites, Batch Processing, Lightning, PHP, C++, Java, NodeJs, ReactJs, Angular 8, GraphQL, React Native, Web Technology, and jQuery.

Hire the best Salesforce Development Company. Choose certified Salesforce Developers from Cloud Analogy now.

Close Menu