Getting Started with Lightning Web Components | LWC | Salesforce
- 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