Author Box

Discuss Your Project

About Us

We are Microsoft Gold partner with its presence across the United States and India. We are a dynamic and professional IT services provider that serves enterprises and startups, helping them meet the challenges of the global economy. We offer services in the area of CRM Consultation and implementation, Application development, Mobile application development, Web development & Offshore Development.

Salesforce Lightning Web Components

Salesforce Lightning Web Components – lean user interface development

By Nitin Dangwal / January 30, 2019

June 5, 2021
Salesforce Lightning Web Components – lean user interface development

Salesforce has recently announced Lightning Web Components (LWC) in December 2018, in comparison to the existing Aura Framework. LWC is the Salesforce implementation of a new breed of lightweight frameworks built on web standards, which leverages custom elements, modules, shadow DOM, decorators, templates, and other new language constructs available in ECMAScript 7 and beyond.

Lightning Web Components take the Salesforce lightning platform one step closer to using web standards for UI development. One of the main benefits of using LWC is, that it is more secure, fast, and lightweight.

LWC provides a layer of specialized Salesforce services on top of the core stack, including base lightning components, Lightning Data Service, and User Interface API. It is possible to compose Aura components from Lightning web components, but not the other way around.

Salesforce Lightning Web Components (LWC)

Tooling

For development using Lightning Web Components you need to setup SalesforceDX and VS Code (Microsoft Code editor). Salesforce has also mentioned that reportedly Lightning Experience is faster than it was a year ago, and that is because the Lightning Experience UI is now mostly LWC, and the most standard part of the Lightning Component library is LWC under the covers, which has contributed to faster Aura performance. So, by facts, it is better.

Some best practices for using the Lightning Web Component framework include following naming conventions, call Apex in the appropriate manner for your needs, and use storable action.

Main advantages of using LWC over Lightning Components, are:

  • LWC is Fast.
  • It automatically provides polyfill for older browsers which yet not support all underlying web standards (shadow dom, web components, etc.)
  • Improved API support for third-party APIs.
  • It is light-weight.
  • Better security, better tasting, and better browser compatibility.

LWC pretty solves the rendering and performance issues largely attributed to the Aura framework-based Lightning components framework. Rendering is so much faster in LWC, due to browser API support in particular, that rendering delays are no longer relevant and that can be seen with side-by-side comparisons of Lightning components to LWCs.

But if poor performance is due to data issues (such as delays from searching 15 million records without a cache or index) then the mere framework cannot solve this on its own. LWC is readily supported in Lightning experience, apps, communities, packages, changesets, Metadata APIs and Tooling APIs.

Still, there are some areas where it is not supported i.e. Standalone Apps, Flows, Chatter extensions, custom actions, and Standalone apps. These limitations are only applied to Spring 19 and are expected to improve in upcoming releases.

Let's look at an example below, showcasing how to develop a lightning web component:

Sample Lightning Web Component

Create a LWC named as ‘html’.

Salesforce Lightning Web Components (LWC)

Its javascript file, ‘js’ goes like this:

Salesforce Lightning Web Components (LWC)

Its XML file ‘js-meta.xml’ goes like this:

Salesforce Lightning Web Components (LWC)

Now let us finally look how this LWC looks, below:

Salesforce Lightning Web Components (LWC)

As we see it, for now, Lightning Components will continue to exist in parallel to Lightning Web Components. This is something similar to when Lightning Components were introduced, and everyone was wondering if Lightning Components will replace Visualforce pages. It will be more of a choice of the framework that you will want to choose when building UI components.

With the standard Web development model, it looks like Lightning Web Components will definitely be the choice of model to customize UIs in Salesforce in the future. Overall Lightning Components provide exceptional performance and are a great addition to your Salesforce toolbox.

Salesforce Development Services

Also, watch the video on Salesforce Lightning Web Components

https://youtu.be/LlhwRKW_agU

Source:

http://amitsalesforce.blogspot.com/2019/03/lightning-web-components-best-practices.html

[sc name="salesforce new"]

[apss_share]

Salesforce has recently announced Lightning Web Components (LWC) in December 2018, in comparison to the existing Aura Framework. LWC is the Salesforce implementation of a new breed of lightweight frameworks built on web standards, which leverages custom elements, modules, shadow DOM, decorators, templates, and other new language constructs available in ECMAScript 7 and beyond.

Lightning Web Components take the Salesforce lightning platform one step closer to using web standards for UI development. One of the main benefits of using LWC is, that it is more secure, fast, and lightweight.

LWC provides a layer of specialized Salesforce services on top of the core stack, including base lightning components, Lightning Data Service, and User Interface API. It is possible to compose Aura components from Lightning web components, but not the other way around.

Salesforce Lightning Web Components (LWC)

Tooling

For development using Lightning Web Components you need to setup SalesforceDX and VS Code (Microsoft Code editor). Salesforce has also mentioned that reportedly Lightning Experience is faster than it was a year ago, and that is because the Lightning Experience UI is now mostly LWC, and the most standard part of the Lightning Component library is LWC under the covers, which has contributed to faster Aura performance. So, by facts, it is better.

Some best practices for using the Lightning Web Component framework include following naming conventions, call Apex in the appropriate manner for your needs, and use storable action.

Main advantages of using LWC over Lightning Components, are:

  • LWC is Fast.
  • It automatically provides polyfill for older browsers which yet not support all underlying web standards (shadow dom, web components, etc.)
  • Improved API support for third-party APIs.
  • It is light-weight.
  • Better security, better tasting, and better browser compatibility.

LWC pretty solves the rendering and performance issues largely attributed to the Aura framework-based Lightning components framework. Rendering is so much faster in LWC, due to browser API support in particular, that rendering delays are no longer relevant and that can be seen with side-by-side comparisons of Lightning components to LWCs.

But if poor performance is due to data issues (such as delays from searching 15 million records without a cache or index) then the mere framework cannot solve this on its own. LWC is readily supported in Lightning experience, apps, communities, packages, changesets, Metadata APIs and Tooling APIs.

Still, there are some areas where it is not supported i.e. Standalone Apps, Flows, Chatter extensions, custom actions, and Standalone apps. These limitations are only applied to Spring 19 and are expected to improve in upcoming releases.

Let’s look at an example below, showcasing how to develop a lightning web component:

Sample Lightning Web Component

Create a LWC named as ‘html’.

Salesforce Lightning Web Components (LWC)

Its javascript file, ‘js’ goes like this:

Salesforce Lightning Web Components (LWC)

Its XML file ‘js-meta.xml’ goes like this:

Salesforce Lightning Web Components (LWC)

Now let us finally look how this LWC looks, below:

Salesforce Lightning Web Components (LWC)

As we see it, for now, Lightning Components will continue to exist in parallel to Lightning Web Components. This is something similar to when Lightning Components were introduced, and everyone was wondering if Lightning Components will replace Visualforce pages. It will be more of a choice of the framework that you will want to choose when building UI components.

With the standard Web development model, it looks like Lightning Web Components will definitely be the choice of model to customize UIs in Salesforce in the future. Overall Lightning Components provide exceptional performance and are a great addition to your Salesforce toolbox.

Salesforce Development Services

Also, watch the video on Salesforce Lightning Web Components

Source:

http://amitsalesforce.blogspot.com/2019/03/lightning-web-components-best-practices.html

Cynoteck Salesforce Practice

Need to enrich your Salesforce CRM with business focused solutions? Contact our team to understand, how we can help you in achieving your CRM goals.