Lightning Web Components
Buy now
Learn more
Introduction
Setting up the Development Environment
Understanding Folder Structure
Modules in ES6 and LWC
Data Binding
Decorators for properties
Behvaiour of normal properties and @track decorator is changed starting Spring '20
Data flow in Lightning Web Components
Setter and Getter methods
Iterators in LWC
Invoking methods on child components
Coding Challenge #1 Building a basic Notepad App
All about Slots
Lifecycle Hooks
Hooks in LWC vs Renderer in Aura Components
Shadow Dom Web Standard
Introduction
Linking the SF Org and VS Code for seamless Dev Experience
Let's understand modules in JavaScript (ES6) 1/2
Let's understand modules in JavaScript (ES6) 2/2
How exactly data binding in LWC works?
Let's understand the concept of reactivity in LWC
Decorators in LWC
What are decorators and diff decorators available in LWC?
Let me show you how we can use API decorators to expose a function
Let's move on to the next decorator which is @wire decorator
The last and most important decorator and that is @track decorator
Different ways to invoke APEX from LWC
Let us source the output of the Apex method to the client-side controller using a wire decorator 1/2
Let us source the output of the Apex method to the client-side controller using a wire decorator 2/2
What is Imperative Apex and how is it different from Wired Apex, and it's advantages?
What if I want to execute long-running requests 1/2?
What if I want to execute long-running requests 2/2?
Events in LWC
Let's do some hands-on on events in JavaScript
Let us look at events in LWC using bubbling configuration
What if I want the event to cross the shadow boundary?
So, what is the most frequently used configuration while working with events in LWC?
Life Cycle Hooks in LWC
Different life cycle hooks available in LWC
A few gotchas in life cycle hooks
Navigation in LWC
How to implement navigation in LWC?
Lightning Message Service
How can we share data between components when they are not in hierarchy? LMS is the answer.
Initially, we need to create a Lightning message channel
Then comes the publisher, let's create it
And then we need to create a subscriber so that we can start receiving the updates
How can we replicate the same thing between Aura components?
Let's refactor the code of publisher and subscriber a bit
And what if I want to replicate the same thing between Visualforce pages?
Exposing Lightning Web Components
Where all can we expose a Lightning web component?
Lighting Data Service [LDS]
For the same tag, let's make the record ID and content dynamic
Now let's work on giving the visual confirmation to the user using the ShowToastEvent
Let's override the standard functionality using the Lightning Data Service.
Let's use the ShowToastEvent to show an error message
Let's look at the all-in-one tag <lightning-record-form />
What if I want to display a customized fields set on the UI using Lightning Record Form tag?
Let me walk you through the createRecord() method in LDS 1/2
Let me walk you through the createRecord() method in LDS 2/2
Let me walk you through the updateRecord method in LDS 1/2
Let me walk you through the updateRecord() method in LDS 2/2
What if I want to delete a record using LDS? Is it possible?
Let's look at getRecord in LDS 1/2
Let's look at getRecord in LDS 2/2
Let us look at a few gotchas in getRecord() in LDS
Events
How to dispatch and handle events
How Event Retargeting works?
Event Propagation in JavaScript
Event bubbling in child and parent components
All Event propagation scenarios
Programatically handle the events
Publish-Subscribe events
Lightning Data Services
Introduction
Putting the base component lightning-record-edit-form to use.
Using lightning-record-view-form and lightning-record-view-form
Using getRecord() Adapter
Handlers in LDS base components
Override save functionality using base components
Using createRecord() method to create a record
Using updateRecord() method to update a record
getRecord() alternative syntax
LWC & Apex
How to invoke Apex method from Web Component
How to pass parameters when Apex method is invoked
Invoke Apex method imperatively
Continuation in Apex
Coding Challenge #3 on Continuation
Configuring & Exposing Web Components
Configure the Web Component via xml file
Expose Web Component to other platforms
Web Components & Aura Components
Send data from Web Components to Aura Components using events
Navigation in LWC
Navigation to different destination from a Web Component
Navigation in Files
Coding Challenges
Coding Challenge ~ Data Table with data from related objects
Coding Challenge ~ Working with Modal Popup
Lightning Message Service
Steps involved and why do we need them?
Let's see what we have done so far!
Using LMS in Aura Components
Why LMS when we have Pub-Sub, Application Events and Component Events.
Using LMS in Visualforce Pages
Challenge #1 Send data from LWC to Aura Components
Challenge #2 Send data from Aura Components to LWC
Where can we not use LMS?
What all params does JSON.stringify() accept?
Lightning Testing Service
Testing in LWC and pre-requisites
Writing Test for a simple component
Coding Challenge #1
Coding Challenge #2
Products
Course
Section
Decorators in LWC
Decorators in LWC
Lightning Web Components
Buy now
Learn more
Introduction
Setting up the Development Environment
Understanding Folder Structure
Modules in ES6 and LWC
Data Binding
Decorators for properties
Behvaiour of normal properties and @track decorator is changed starting Spring '20
Data flow in Lightning Web Components
Setter and Getter methods
Iterators in LWC
Invoking methods on child components
Coding Challenge #1 Building a basic Notepad App
All about Slots
Lifecycle Hooks
Hooks in LWC vs Renderer in Aura Components
Shadow Dom Web Standard
Introduction
Linking the SF Org and VS Code for seamless Dev Experience
Let's understand modules in JavaScript (ES6) 1/2
Let's understand modules in JavaScript (ES6) 2/2
How exactly data binding in LWC works?
Let's understand the concept of reactivity in LWC
Decorators in LWC
What are decorators and diff decorators available in LWC?
Let me show you how we can use API decorators to expose a function
Let's move on to the next decorator which is @wire decorator
The last and most important decorator and that is @track decorator
Different ways to invoke APEX from LWC
Let us source the output of the Apex method to the client-side controller using a wire decorator 1/2
Let us source the output of the Apex method to the client-side controller using a wire decorator 2/2
What is Imperative Apex and how is it different from Wired Apex, and it's advantages?
What if I want to execute long-running requests 1/2?
What if I want to execute long-running requests 2/2?
Events in LWC
Let's do some hands-on on events in JavaScript
Let us look at events in LWC using bubbling configuration
What if I want the event to cross the shadow boundary?
So, what is the most frequently used configuration while working with events in LWC?
Life Cycle Hooks in LWC
Different life cycle hooks available in LWC
A few gotchas in life cycle hooks
Navigation in LWC
How to implement navigation in LWC?
Lightning Message Service
How can we share data between components when they are not in hierarchy? LMS is the answer.
Initially, we need to create a Lightning message channel
Then comes the publisher, let's create it
And then we need to create a subscriber so that we can start receiving the updates
How can we replicate the same thing between Aura components?
Let's refactor the code of publisher and subscriber a bit
And what if I want to replicate the same thing between Visualforce pages?
Exposing Lightning Web Components
Where all can we expose a Lightning web component?
Lighting Data Service [LDS]
For the same tag, let's make the record ID and content dynamic
Now let's work on giving the visual confirmation to the user using the ShowToastEvent
Let's override the standard functionality using the Lightning Data Service.
Let's use the ShowToastEvent to show an error message
Let's look at the all-in-one tag <lightning-record-form />
What if I want to display a customized fields set on the UI using Lightning Record Form tag?
Let me walk you through the createRecord() method in LDS 1/2
Let me walk you through the createRecord() method in LDS 2/2
Let me walk you through the updateRecord method in LDS 1/2
Let me walk you through the updateRecord() method in LDS 2/2
What if I want to delete a record using LDS? Is it possible?
Let's look at getRecord in LDS 1/2
Let's look at getRecord in LDS 2/2
Let us look at a few gotchas in getRecord() in LDS
Events
How to dispatch and handle events
How Event Retargeting works?
Event Propagation in JavaScript
Event bubbling in child and parent components
All Event propagation scenarios
Programatically handle the events
Publish-Subscribe events
Lightning Data Services
Introduction
Putting the base component lightning-record-edit-form to use.
Using lightning-record-view-form and lightning-record-view-form
Using getRecord() Adapter
Handlers in LDS base components
Override save functionality using base components
Using createRecord() method to create a record
Using updateRecord() method to update a record
getRecord() alternative syntax
LWC & Apex
How to invoke Apex method from Web Component
How to pass parameters when Apex method is invoked
Invoke Apex method imperatively
Continuation in Apex
Coding Challenge #3 on Continuation
Configuring & Exposing Web Components
Configure the Web Component via xml file
Expose Web Component to other platforms
Web Components & Aura Components
Send data from Web Components to Aura Components using events
Navigation in LWC
Navigation to different destination from a Web Component
Navigation in Files
Coding Challenges
Coding Challenge ~ Data Table with data from related objects
Coding Challenge ~ Working with Modal Popup
Lightning Message Service
Steps involved and why do we need them?
Let's see what we have done so far!
Using LMS in Aura Components
Why LMS when we have Pub-Sub, Application Events and Component Events.
Using LMS in Visualforce Pages
Challenge #1 Send data from LWC to Aura Components
Challenge #2 Send data from Aura Components to LWC
Where can we not use LMS?
What all params does JSON.stringify() accept?
Lightning Testing Service
Testing in LWC and pre-requisites
Writing Test for a simple component
Coding Challenge #1
Coding Challenge #2
4 Lessons
What are decorators and diff decorators available in LWC?
Let me show you how we can use API decorators to expose a function
Let's move on to the next decorator which is @wire decorator
The last and most important decorator and that is @track decorator