Introduction to Lightning Web Component

Jun 23, 2020Download as PPTX, PDF0 likes4,850 views

Introduction to lightning web component What is lightning web component? Difference between aura component and LWC Why do you go for LWC instead of existing aura components? Coexistence and interoperability of aura and LWC

AGENDA
Introduction to lightning web component
 What is lightning web component?
 Difference between aura component and LWC
 Why do you go for LWC instead of existing aura components?
 Coexistence and interoperability of aura and LWC

What is Lightning Web Component ?
It Is A New Programming Model To Create The Lightning Components. They Are
Custom Html Elements Built Using Html And modern Javascript.
 Better Performance
 Modern Web Standards
 Compatible With Aura Components
 Ease Of Use

Coexistence and
Interoperability
Aura components and Lightning web components can
coexist on the same page and in the same runtime .
Aura components can include Lightning web
components.
Aura components and Lightning web components
share the same base Lightning components.

Nested composition
You can have both Aura
components and Lighting
web components inside a
parent Aura component,
but Lightning web
components can only
contain other Lightning
web components.

Side-by-side
composition
 The two components can
pass information back and
forth, whether that
information is coming in
through user interaction with
the app page, or events
triggered by actions outside
the app page.

What to Choose between
Lightning Web Components and Aura Components?
Always choose Lightning
Web Components unless you
need a feature that isn’t
supported
A Lightning web component
can’t contain an Aura
component. When you
develop a Lightning web
component, its DOM subtree
must be composed entirely of
Lightning web components.

Bundle structure
LWC requires manual creation of a folder to host all
your component files. Component HTML, JS,
Configuration files are mandatory. CSS and SVG are
optional.
Naming Convention
The only noted difference in naming is while you’re
referring component in another component. The new
syntax uses kebab-case, instead of the camelCase
(<c-hellowrold> instead of <c:helloworld>) and the
component must have a closing tag.
Event
In aura we use custom event but in LWC we use
Stand Dom Event
Lightning Locker
Default in LWC but not in aura

The document provides an introduction to Lightning Web Components (LWC) presented by Mohith Shrivastava. The presentation covers the core elements of web components including templates, custom elements, shadow DOM and ES modules. It compares LWC to standard web components and Aura components. The presentation demonstrates building a simple LWC and explores LWC properties and Lightning Data Services. It provides references for learning more about LWC.

Lightning web components Cloud Analogy

Lwc presentationNithesh N

This document provides an overview of Lightning Web Components (LWC) including why LWC was introduced, the pillars of web components, LWC anatomy, lifecycle methods, calling Apex methods from LWC, using Lightning Data Services in LWC, handling events in LWC, coexistence of LWC and Aura components, and some miscellaneous topics like refreshing Apex data and sharing JS between LWC and Aura. The agenda covers these topics at a high level with examples provided for key concepts like creating a web component, calling Apex, handling events, and using Lightning Data Services to create a record in JavaScript.

Lightning web components - Episode 1 - An IntroductionSalesforce Developers

Lightning web componentsAmit Chaudhary

Introduction to Lightning Web Components (LWC) Why Lightning Web Component (LWC) Part 1 - Vanilla HTML5 Web Components Benefits of Web Component Pillars of Web Component Demo of Custom Element and Templating Part 2 - Lightning Web Component Hello World Demo of Lifecycle methods Call Apex Class Access Custom Label Lightning Data Services Communication between Lightning Component and LWC Third party Callout from LWC

Getting Started with Lightning Web Components | LWC | SalesforceRahul Malhotra

Intro to Salesforce Lightning Web Components (LWC)Roy Gilad

Lightning web components - Introduction, component Lifecycle, Events, decorat...Nidhi Sharma

Lightning Web Components are custom HTML elements built using HTML and JavaScript. This document discusses the fundamentals of Lightning Web Components including their structure, templating, lifecycle hooks, communication between components, and provides a recipe for building a basic to-do list app as an example. The recipe demonstrates creating the necessary SFDX project and components, defining the component templates and logic, and adding the main application component to display the to-do form.

Lightning Web ComponentsAbdulGafoor100

This document provides an overview of developing Lightning Web Components (LWC) with the Salesforce Development Experience (DX). It discusses the need for LWC, how to set up the development environment with the Salesforce CLI and VS Code extensions, the anatomy of an LWC bundle, using decorators while developing components, deploying LWC to orgs, and comparing LWC to Aura components. The presentation encourages attendees to get hands-on experience with LWC through Trailhead modules.

Lightning Web Component - LWCThierry TROUIN ☁

Salesforce Lightning Web Components OverviewNagarjuna Kaipu

Now you can build Lightning components using two programming models: Lightning Web Components, and the original model, Aura Components. Lightning web components are custom HTML elements built using HTML and modern JavaScript. Lightning web components and Aura components can coexist and interoperate on a page. To admins and end users, they both appear as Lightning components. Lightning Web Components uses core Web Components standards and provides only what’s necessary to perform well in browsers supported by Salesforce. Because it’s built on code that runs natively in browsers, Lightning Web Components is lightweight and delivers exceptional performance. Most of the code you write is standard JavaScript and HTML.

Integrating with salesforceMark Adcock

When building an enterprise solution or creating an app, data often comes from multiple systems, and business processes frequently cross application boundaries. Salesforce offers a rich library of programmatic and point-and-click integration tools to customize business processes that span multiple application systems. In this webinar, we will survey the many integration options and technologies available in Salesforce, including newer API and integration features. This webinar is the first in a series that will explore several ways to integrate systems and services with Salesforce.

Lightning web components episode 2- work with salesforce dataSalesforce Developers

This document provides an overview of Lightning Web Components Episode 2 which focuses on working with Salesforce data. It discusses how the Lightning Data Service and UI API are used to retrieve and display Salesforce record data. It also demonstrates how to use wire services to connect Lightning Web Components to Apex methods to retrieve and manipulate data. The document concludes with instructions for configuring Lightning Web Components to be used in the Lightning App Builder.

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Salesforce Org Health Check & Performance TestingImtiazBinMohiuddin

Planning Your Migration to the Lightning ExperienceShell Black

Learn how to migrate to the Salesforce Lighting UI in four steps. Shell Black in this presentation discusses how to make the business case to justify the costs to moving to the Lightning Experience (LEX) from Classic. In the four steps Shell covers how to assess the current state of your org, plan out the migration, manage your build sprints and UAT (User Acceptance Testing), and train your end users. He also covers the factors that drive the time needed to complete the project. As you will find, the biggest hurdle to migrating to Lightning is not a missing feature, but Admin knowledge. Click the link on Slide 2 to watch a video of this presentation!

Salesforce – Proven Platform Development with DevOps & AgileSai Jithesh ☁️

The document discusses forward-looking statements and associated risks and uncertainties. It states that any projections or statements regarding strategies, plans, beliefs, expected functionality, features, or customer contracts contain forward-looking statements that are subject to risks and uncertainties. These risks include factors that could affect salesforce.com's financial results such as operating losses, fluctuations in results, security breaches, litigation outcomes, mergers and acquisitions, growth management, and reliance on key personnel. The document also notes that unreleased services mentioned may not be delivered on time or at all, and purchase decisions should be based on currently available features.

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Getting Started With Apex REST ServicesSalesforce Developers

This document provides an overview and introduction to creating and using Apex REST services in Salesforce. It begins with defining what REST is and the benefits of using Apex REST. It then demonstrates how to create a basic Apex REST service by annotating an Apex class and methods. Examples are provided of querying and returning data from a simple REST service. The document also discusses additional techniques for handling input and output through REST services like supporting different HTTP methods and using wrapper classes.

Lightning web componentDhanik Sahni

This document discusses Lightning Web Components (LWC), which provide a new programming model for creating Lightning Components using modern web standards like HTML and JavaScript. LWC aims to align with these standards while maintaining performance within Salesforce supported browsers. It highlights benefits like improved speed, data binding and support for standard modules. However, some legacy functionality is not yet supported in LWC like Lightning Out and Visualforce integration. The summary provides an overview of the key points about LWC's standards-based approach and goals of improved performance.

Lightning Web Component in SalesforceJitendra Zaa

1. Lightning Web Components introduce a new programming model built on modern web standards that provides enhanced productivity, performance, and compatibility. 2. They allow more code to be executed by the browser instead of JavaScript abstractions for improved performance. 3. Lightning Web Components can coexist and interoperate with existing Lightning components and can be composed with clicks or code.

Introduction to Apex for DevelopersSalesforce Developers

This document provides an overview and introduction to Apex for developers. It begins with an introduction to Apex and the Salesforce platform. It then outlines the agenda which includes an overview of the platform, writing Apex classes, accessing data using SOQL and DML, writing triggers, and additional topics like Visualforce, REST APIs, and unit testing. It encourages participants to use their developer environment and provides a link to sign up. It describes what will be built in the session which is an app to manage sessions and speakers at a conference. It includes two forward-looking statements disclaimers.

Introduction to lightning web component Sudipta Deb ☁

Salesforce Lightning Process builderThinqloud

Live coding with LWCSalesforce Developers

You can watch a recording of the live coding session at https://sforce.co/2IbU3yJ In the fifth and final webinar of our five part series, we learn how to build Lightning web components for different use cases. We explore how to leverage all of the concepts you’ve learned in this webinar series to create modern apps with Lightning Web Components. We also demonstrate various ways to migrate Aura components to Lightning web components for a seamless transition.

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Exploring the Salesforce REST APISalesforce Developers

While there are many ways to build integrations with salesforce, one of the fastest growing ways is through the Salesforce REST API. Join us as we explore the current REST-ful mechanisms available to the AppCloud, and see what the next year has to offer. In this session we will discuss the Salesforce REST API structure, Authenticating to the REST API, sObject Manipulation, and Composition through the REST API.

Dynamic input tables lwc vs aura vs. visualforceMike Tetlow

This document summarizes and compares different approaches to implementing dynamic input tables in Lightning Web Components (LWC), Aura, and Visualforce. It begins with an introduction and user story example of needing to bulk input data. It then discusses the basic implementation of a reusable dynamic input table component. The document compares LWC, Aura, and Visualforce implementations, noting differences in attributes, iterators, manipulation, binding, and Apex method importing. It also briefly discusses testing LWC components with LWC-Jest. It concludes with an overview of setting up and deploying the demo application to a scratch org.

Introduction to Lightning Web ComponentsBordeaux Salesforce Developer Group

Lightning Web Component Structure Benefitqrsolutionsindia

More Related Content

What's hot (20)

Lightning Web ComponentsAbdulGafoor100

Lightning Web Component - LWCThierry TROUIN ☁

Salesforce Lightning Web Components OverviewNagarjuna Kaipu

Integrating with salesforceMark Adcock

Lightning web components episode 2- work with salesforce dataSalesforce Developers

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Salesforce Org Health Check & Performance TestingImtiazBinMohiuddin

Planning Your Migration to the Lightning ExperienceShell Black

Salesforce – Proven Platform Development with DevOps & AgileSai Jithesh ☁️

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Getting Started With Apex REST ServicesSalesforce Developers

Lightning web componentDhanik Sahni

Lightning Web Component in SalesforceJitendra Zaa

Introduction to Apex for DevelopersSalesforce Developers

Introduction to lightning web component Sudipta Deb ☁

Salesforce Lightning Process builderThinqloud

Live coding with LWCSalesforce Developers

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Exploring the Salesforce REST APISalesforce Developers

Dynamic input tables lwc vs aura vs. visualforceMike Tetlow

Lightning Web ComponentsAbdulGafoor100

Lightning Web Component - LWCThierry TROUIN ☁

Salesforce Lightning Web Components OverviewNagarjuna Kaipu

Integrating with salesforceMark Adcock

Lightning web components episode 2- work with salesforce dataSalesforce Developers

LWC Episode 3- Component Communication and Aura InteroperabilitySalesforce Developers

Salesforce Org Health Check & Performance TestingImtiazBinMohiuddin

Planning Your Migration to the Lightning ExperienceShell Black

Salesforce – Proven Platform Development with DevOps & AgileSai Jithesh ☁️

Lightning Component - Components, Actions and EventsDurgesh Dhoot

Getting Started With Apex REST ServicesSalesforce Developers

Lightning web componentDhanik Sahni

Lightning Web Component in SalesforceJitendra Zaa

Introduction to Apex for DevelopersSalesforce Developers

Introduction to lightning web component Sudipta Deb ☁

Salesforce Lightning Process builderThinqloud

Live coding with LWCSalesforce Developers

An Introduction to Lightning Web ComponentsMikkel Flindt Heisterberg

Exploring the Salesforce REST APISalesforce Developers

Dynamic input tables lwc vs aura vs. visualforceMike Tetlow

Similar to Introduction to Lightning Web Component (20)

Introduction to Lightning Web ComponentsBordeaux Salesforce Developer Group

Lightning Web Component Structure Benefitqrsolutionsindia

Implementing Vanilla Web Componentssonumanoj

This document summarizes a presentation about vanilla web components given by Manoj Sonawane to the Mountain House Developers Group. It discusses the benefits of web components such as encapsulation with shadow DOM and templates, and demonstrates how to create custom elements and use templates. It also discusses how web component standards have evolved from ES6/ES2015 and are now supported natively in modern browsers.

Webpack/Parcel: What’s Happening Behind the React App?Talentica Software

Migrate To Lightning Web Components from Aura framework to increase performance Bohdan Dovhań

Lightning Web Components by Abdul GafoorJayesh Tejwani

Live Session1 lightning web componentSmritiSharan1

This document provides information about a free weekly Lightning Web Components session, including details about the presenter and agenda. Smriti Sharan, a 5-time Salesforce certified consultant and blogger, will discuss what Lightning Web Components are, how they differ from Aura Components, and why you may want to use LWC over Aura. The session will also cover how Aura and LWC can coexist and interoperate on a page.

Lightning Web ComponentsAhmed Keshk

Lightning Web Components Cairo Salesforce Developers Meetup focused on: 1) The evolution of Salesforce's UI and UI components, specifically comparing Lightning Web Components (LWC) to Aura components and new LWC enhancements in Spring '20. 2) How LWC builds on modern web standards like ES6, Custom Elements, and Shadow DOM for enhanced performance and compatibility. 3) A demonstration of building the first LWC, including the anatomy of an LWC and development tools available.

Full Stack React Workshop [CSSC x GDSC]GDSC UofT Mississauga

Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components Ben Edwards

Solving Common Web Component Problems - Simon MacDonaldWey Wey Web

This document discusses solving common problems with web components using server side rendering. It begins by explaining what web components are - custom elements, shadow DOM, and HTML templates. It then discusses why web components are useful, such as component reuse and interoperability. Common problems with web components are described like flash of undefined custom elements (FOUCE) and shadow DOM not playing well with native forms. Solutions to these problems include declarative shadow DOM and the Enhance framework, which allows server side rendering of components to avoid FOUCE and uses the light DOM for styling instead of shadow DOM. Overall, the document presents server side rendering as an effective way to solve problems with web components.

Reactjs BasicsHamid Ghorbani

1) Single page applications (SPAs) use JavaScript to dynamically update the content of a single web page rather than loading entire new pages. This reduces page refreshes. 2) React is a popular JavaScript library for building user interfaces, especially for SPAs. It uses a virtual DOM for faster rendering. 3) Create-React-App is a command line interface that sets up a React project with common dependencies like Babel and Webpack preconfigured.

Web components are the future of the web - Take advantage of new web technolo...Marios Fakiolas

Web componentsMohd Saeed

Web components allow developers to create reusable custom elements using existing web standards like HTML templates and shadow DOM. They consist of four main technologies - HTML templates for reusable markup, HTML imports to include dependencies, custom elements to define new types of elements with custom behavior, and shadow DOM for encapsulating styles and markup. Major browsers have implemented support for these standards to different extents, and libraries exist to simplify web component development. Companies are adopting web components for applications that benefit from encapsulated reusable UI components.

Angular elements - embed your angular components EVERYWHERENadav Mary

Developing Java Web Applicationshchen1

The document discusses several key technologies for developing Java web applications, including Java Servlet technology, WebWork framework, Spring framework, and Apache Maven build tool. It provides an overview of how each technology addresses common problems like stateless communication, business logic implementation, view generation, and data access overhead. Examples are given showing how WebWork and Spring can be used together with Maven to build a simple "Hello World" application that follows the MVC pattern and leverages dependency injection.

From AUI to Atlaskit - Streamlining Development for Server & Cloud AppsAtlassian

Polymer Web Framework - Swecha Boot CampSwecha | స్వేచ్ఛ

Polymer is a library that makes it easier to create reusable web components using Web Component standards like custom elements, shadow DOM, HTML imports, and templates. It fits into the web components model by providing polyfills for backwards compatibility and tools to define, register, and use custom elements. The Polymer library encapsulates components and their styling using shadow DOM to make them reusable across projects. Developers can install Polymer using Bower and build web applications with reusable custom elements that encapsulate functionality like maps, forms, or other UI components.

Shipping logs to splunk from a container in aws howtoЕкатерина Задорожная

Wa html5-pdfMassoudmAlShareef

This document provides an introduction to building modern websites using HTML5 and CSS3. It discusses several new features in HTML5, including semantic elements, the <canvas> element for 2D drawing, <audio> and <video> elements for multimedia, local storage APIs, and offline application support. The document also outlines some prerequisites for using these new technologies, such as installing the latest browsers. Finally, it notes that a sample website later in the tutorial demonstrates several HTML5 and CSS3 features.

Introduction to Lightning Web ComponentsBordeaux Salesforce Developer Group

Lightning Web Component Structure Benefitqrsolutionsindia

Implementing Vanilla Web Componentssonumanoj

Webpack/Parcel: What’s Happening Behind the React App?Talentica Software

Migrate To Lightning Web Components from Aura framework to increase performance Bohdan Dovhań

Lightning Web Components by Abdul GafoorJayesh Tejwani

Live Session1 lightning web componentSmritiSharan1

Lightning Web ComponentsAhmed Keshk

Full Stack React Workshop [CSSC x GDSC]GDSC UofT Mississauga

Salesforce Auckland Developer Meetup - May 2018 - Lightning Web Components Ben Edwards

Solving Common Web Component Problems - Simon MacDonaldWey Wey Web

Reactjs BasicsHamid Ghorbani

Web components are the future of the web - Take advantage of new web technolo...Marios Fakiolas

Web componentsMohd Saeed

Angular elements - embed your angular components EVERYWHERENadav Mary

Developing Java Web Applicationshchen1

From AUI to Atlaskit - Streamlining Development for Server & Cloud AppsAtlassian

Polymer Web Framework - Swecha Boot CampSwecha | స్వేచ్ఛ

Shipping logs to splunk from a container in aws howtoЕкатерина Задорожная

Wa html5-pdfMassoudmAlShareef

More from SmritiSharan1 (7)

Styling and Data Binding in Lightning Web ComponentSmritiSharan1

This document provides an agenda for a weekly Lightning Web Components session covering topics like CSS, Salesforce Lightning Design System (SLDS), and data binding. The session will discuss using SLDS or custom CSS to style LWC components, how to apply SLDS styles and create custom styled buttons. It also covers using SVG images in LWC, the benefits of scalable vector graphics over pixel-based formats, and different ways to include SVGs. Finally, the document summarizes one-way and two-way data binding in LWC compared to Aura and notes that the track decorator is no longer needed to make properties reactive.

Conditional Rendering and rendering list in LWCSmritiSharan1

The document discusses conditional rendering in Lightning Web Components (LWC). It explains that conditional rendering allows hiding or showing components based on conditions, similar to Aura's <aura:if> element. It provides an example of conditionally rendering an element when a checkbox is checked and another example that conditionally renders an element when a button is clicked. The document also covers loops in LWC using the for:each directive and iterator properties to iterate over lists of items.

Live session 2 lightning web componentSmritiSharan1

This document provides information about a free weekly session on Lightning Web Components (LWC). The session will cover topics such as custom elements, shadow DOM, HTML templates, and HTML imports. It also discusses the differences between traditional web applications and those built with web components. Additionally, it outlines the file structure for LWC, supported JavaScript versions, and supported Salesforce environments. The document concludes by discussing component reference, the developer guide, code samples, and prerequisites for local LWC development.

Salesforce DX for Scratch OrgsSmritiSharan1

Chapter 3 : Setup SalesforceDX (SFDX) for Non Scratch OrgsSmritiSharan1

Session 1: INTRODUCTION TO SALESFORCESmritiSharan1

The document provides an agenda and overview for an introduction to Salesforce training session. It discusses topics like cloud computing models, the benefits of CRM systems, Salesforce editions and licenses, navigating the Salesforce user interface, and the various Salesforce clouds. It also defines key Salesforce concepts and terminology like instances, environments, objects, fields, and records. The training concludes with information on how to get started with the Trailhead learning platform and tips for continuing to learn Salesforce.

Introduction to lightning lifecycle SmritiSharan1

This document provides an overview of the Lightning lifecycle and components. Section 1 introduces Lightning and how to enable it in Salesforce. Section 2 compares Classic and Lightning architectures. Section 3 covers the Lightning Experience, components, and app builder. Section 4 discusses interfaces, component bundles, and demos fetching account data. Section 5 explains events in Lightning and includes a demo of filtering account data using events.

Styling and Data Binding in Lightning Web ComponentSmritiSharan1

Conditional Rendering and rendering list in LWCSmritiSharan1

Live session 2 lightning web componentSmritiSharan1

Salesforce DX for Scratch OrgsSmritiSharan1

Chapter 3 : Setup SalesforceDX (SFDX) for Non Scratch OrgsSmritiSharan1

Session 1: INTRODUCTION TO SALESFORCESmritiSharan1

Introduction to lightning lifecycle SmritiSharan1

Recently uploaded (20)

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-26-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

A measles outbreak originating in West Texas has been linked to confirmed cases in New Mexico, with additional cases reported in Oklahoma and Kansas. The current case count is 771 from Texas, New Mexico, Oklahoma, and Kansas. 72 individuals have required hospitalization, and 3 deaths, 2 children in Texas and one adult in New Mexico. These fatalities mark the first measles-related deaths in the United States since 2015 and the first pediatric measles death since 2003. The YSPH Virtual Medical Operations Center Briefs (VMOC) were created as a service-learning project by faculty and graduate students at the Yale School of Public Health in response to the 2010 Haiti Earthquake. Each year, the VMOC Briefs are produced by students enrolled in Environmental Health Science Course 581 - Public Health Emergencies: Disaster Planning and Response. These briefs compile diverse information sources – including status reports, maps, news articles, and web content– into a single, easily digestible document that can be widely shared and used interactively. Key features of this report include: - Comprehensive Overview: Provides situation updates, maps, relevant news, and web resources. - Accessibility: Designed for easy reading, wide distribution, and interactive use. - Collaboration: The “unlocked" format enables other responders to share, copy, and adapt seamlessly. The students learn by doing, quickly discovering how and where to find critical information and presenting it in an easily understood manner.

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

Open Access: Revamping Library Learning Resources.Rishi Bankim Chandra Evening College, Naihati, North 24 Parganas, West Bengal, India

Dr. Santosh Kumar Tunga discussed an overview of the availability and the use of Open Educational Resources (OER) and its related various issues for various stakeholders in higher educational Institutions. Dr. Tunga described the concept of open access initiatives, open learning resources, creative commons licensing attribution, and copyright. Dr. Tunga also explained the various types of OER, INFLIBNET & NMEICT initiatives in India and the role of academic librarians regarding the use of OER.

Social Problem-Unemployment .pptx notes for Physiotherapy StudentsDrNidhiAgarwal

Unemployment is a major social problem, by which not only rural population have suffered but also urban population are suffered while they are literate having good qualification.The evil consequences like poverty, frustration, revolution result in crimes and social disorganization. Therefore, it is necessary that all efforts be made to have maximum. employment facilities. The Government of India has already announced that the question of payment of unemployment allowance cannot be considered in India

Metamorphosis: Life's Transformative JourneyArshad Shaikh

How to track Cost and Revenue using Analytic Accounts in odoo Accounting, App...Celine George

Analytic accounts are used to track and manage financial transactions related to specific projects, departments, or business units. They provide detailed insights into costs and revenues at a granular level, independent of the main accounting system. This helps to better understand profitability, performance, and resource allocation, making it easier to make informed financial decisions and strategic planning.

Studying Drama: Definition, types and elementsAbdelFattahAdel2

The ever evoilving world of science /7th class science curiosity /samyans aca...Sandeep Swamy

The Ever-Evolving World of Science Welcome to Grade 7 Science4not just a textbook with facts, but an invitation to question, experiment, and explore the beautiful world we live in. From tiny cells inside a leaf to the movement of celestial bodies, from household materials to underground water flows, this journey will challenge your thinking and expand your knowledge. Notice something special about this book? The page numbers follow the playful flight of a butterfly and a soaring paper plane! Just as these objects take flight, learning soars when curiosity leads the way. Simple observations, like paper planes, have inspired scientific explorations throughout history.

Presentation on Tourism Product Development By Md Shaifullar RabbiMd Shaifullar Rabbi

Fundamentals of PR: Wk 4 - Strategic CommunicationsJordan Williams

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

How to Customize Your Financial Reports & Tax Reports With Odoo 17 AccountingCeline George

Vitamins Chapter-7, Biochemistry and clinical pathology, D.Pharm 2nd yearARUN KUMAR

New Microsoft PowerPoint Presentation.pptxmilanasargsyan5

YSPH VMOC Special Report - Measles Outbreak Southwest US 4-26-2025.pptxYale School of Public Health - The Virtual Medical Operations Center (VMOC)

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

UNIT 3 NATIONAL HEALTH PROGRAMMEE. SOCIAL AND PREVENTIVE PHARMACYDR.PRISCILLA MARY J

Open Access: Revamping Library Learning Resources.Rishi Bankim Chandra Evening College, Naihati, North 24 Parganas, West Bengal, India

Social Problem-Unemployment .pptx notes for Physiotherapy StudentsDrNidhiAgarwal

Metamorphosis: Life's Transformative JourneyArshad Shaikh

How to track Cost and Revenue using Analytic Accounts in odoo Accounting, App...Celine George

Studying Drama: Definition, types and elementsAbdelFattahAdel2

The ever evoilving world of science /7th class science curiosity /samyans aca...Sandeep Swamy

Presentation on Tourism Product Development By Md Shaifullar RabbiMd Shaifullar Rabbi

Fundamentals of PR: Wk 4 - Strategic CommunicationsJordan Williams

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

GDGLSPGCOER - Git and GitHub Workshop.pptxazeenhodekar

SPRING FESTIVITIES - UK AND USA -Colégio Santa Teresinha

How to Customize Your Financial Reports & Tax Reports With Odoo 17 AccountingCeline George

Vitamins Chapter-7, Biochemistry and clinical pathology, D.Pharm 2nd yearARUN KUMAR

New Microsoft PowerPoint Presentation.pptxmilanasargsyan5

Introduction to Lightning Web Component

2. AGENDA Introduction to lightning web component  What is lightning web component?  Difference between aura component and LWC  Why do you go for LWC instead of existing aura components?  Coexistence and interoperability of aura and LWC

3. What is Lightning Web Component ? It Is A New Programming Model To Create The Lightning Components. They Are Custom Html Elements Built Using Html And modern Javascript.  Better Performance  Modern Web Standards  Compatible With Aura Components  Ease Of Use

4. Web Stack Transformation

5. Coexistence and Interoperability Aura components and Lightning web components can coexist on the same page and in the same runtime . Aura components can include Lightning web components. Aura components and Lightning web components share the same base Lightning components.

6. Nested composition You can have both Aura components and Lighting web components inside a parent Aura component, but Lightning web components can only contain other Lightning web components.

7. Side-by-side composition  The two components can pass information back and forth, whether that information is coming in through user interaction with the app page, or events triggered by actions outside the app page.

8. Advantages

9. What to Choose between Lightning Web Components and Aura Components? Always choose Lightning Web Components unless you need a feature that isn’t supported A Lightning web component can’t contain an Aura component. When you develop a Lightning web component, its DOM subtree must be composed entirely of Lightning web components.

10. Bundle structure LWC requires manual creation of a folder to host all your component files. Component HTML, JS, Configuration files are mandatory. CSS and SVG are optional. Naming Convention The only noted difference in naming is while you’re referring component in another component. The new syntax uses kebab-case, instead of the camelCase (<c-hellowrold> instead of <c:helloworld>) and the component must have a closing tag. Event In aura we use custom event but in LWC we use Stand Dom Event Lightning Locker Default in LWC but not in aura

11. Thank You!!

Introduction to Lightning Web Component

Recommended

More Related Content

What's hot (20)

Similar to Introduction to Lightning Web Component (20)

More from SmritiSharan1 (7)

Recently uploaded (20)

Introduction to Lightning Web Component