Getting Started with Lightning Web Components | LWC | Salesforce

This presentation is used in the first tutorial in Lightning Web Components Tutorial Series by SFDC Stop. Have a look at the full playlist here:- https://www.youtube.com/playlist?list=PLuL63vr-9xHyaEARj8crQe3v2TBQa_Cs8

1. Getting Started with Lightning Web Components By:- SFDC Stop

2. What is LWC ? Lightning Web Components is a new programming model for building Lightning components. It uses latest web standards, can communicate with aura components and deliver unparalleled performance

3. Why LWC ? When Aura is here 😎 In 2014, Lightning Component Framework was launched along with the Aura Programming Model Frameworks become the language. Whether it’s React, Angular or the Lightning Component Framework, they’re all JavaScript Frameworks but with so high level of abstraction that they feel like different languages Skills were not transferable, it was hard for developers to switch from one framework to another Apps or components made in different frameworks are not able to communicate among themselves This originated the need for the standardization in web

4. Why LWC ? When Aura is here 😎 Over the last 6 years, various standards were developed in the web. For example:- ECMAScript, Web Components, Custom Elements, Templates, Slots and Shadow Dom Many features that required a JavaScript Framework now come standard. With more standards, we have a common component model, common programming model, transferable skills among developers, components communicating between each other and better performance as the core features are now a part of Web Engines instead of frameworks Salesforce developed LWC as a lightweight framework built on the top of latest web standards

5. More flexibility to the Developers Learn the standards once, use anywhere Non-Salesforce developers can also work on Lightning web components More solutions to the common issues faced by the developers on the web Less complexity with a single HTML, CSS and JavaScript file Faster development Better performance Communication with existing Aura components

6. 2014 Web Stack 2019 Web Stack

7. Base Lightning Components (70+ UI components built as custom elements) Lightning Data Service in order to provide you the access to Salesforce Record Data along with facilities like:- Data Caching, Data Synchronization User Interface API (UI API) enabling lightning components and LDS to be metadata aware. Web Standards + Metadata = Unmatched Productivity

8. Aura and LWC can Co-Exist Aura Components can include Lightning Web Components They share the same Salesforce Services:- Lightning Data Service, UI API.

9. Create your First LWC Component

10. References https://developer.salesforce.com/blogs/2018/12/introducing-lightning-web-components.html https://trailhead.salesforce.com/content/learn/projects/quick-start-lightning-web-components