Lightning Web Component ~ Day 1 | Introduction


This is a brand-new programming model for creating lightning components. It builds the component using the W3C web standard, which makes it better, more robust, and powerful. LWC is a lightweight framework based on the web standard; it makes use of custom elements, templates, shadow DOM, events, modules, and other ECMAScript features.

LWC uses API based on the UI-API for better performance, which requires less Apex to write and makes calling server-side less painful.

LWC is a combination of the Aura Framework and web components, so developers with web component experience will be able to get started faster, and developers who have worked with the Aura Framework will be familiar with the standard components and syntax. If you have previously worked with the Aura Framework, you simply need to translate the old syntax (Aura) to the new syntax (LWC), which is very simple. Most of the code you write is standard JavaScript and HTML.

We can use the most recent JavaScript versions to create Lightning web components. Start with the Modern JavaScript Development Trailhead module to learn JavaScript.

LWC works with the same browsers as Lightning Experience, including the most recent stable versions of Edge, Chrome, Firefox, and Safari. To create Lightning web components for these browsers, you can use any JavaScript feature supported by the browser and supported by Lightning Locker.

How to Select Lightning Web Components or Aura?

Lightning web components outperform Aura components in terms of performance and ease of development. However, because LWC does not yet support everything that Aura does, you may need to use Aura when developing Lightning web components.

How do you consider which component to develop with LWC and which with Aura?

Unless you require a feature that isn’t supported, always use Lightning Web Components.

Let’s get started on creating a lightning web component.