- $9
Lightning Web Components
Everything from why Salesforce had to come up with a new framework to build super-advanced solutions using LWC.
What can you expect?
- Learning Lightning Web Components in the easiest way possible.
- Most concise screencasts on Lightning Web Components.
- Yeah Yeah! Am coming there. Like always after the course, we will be looking at building a fully functional product.
- Best effort has been put in not to waste even a single minute of yours. Trust me I spend countless hours in editing the episodes to save your time.
- Extremely well recorded videos - recorded in 1920X1080p resolution.
- Top-quality Audio.
- If you are here for PPT's ahem ahem, then you are not going to like this series. It's going to be a complete hands-on series.
Need access to all the episodes?
Not interested in paying for the course alone? check out Life Time Plan.
Contents
Introduction
Introduction
Setting up the Development Environment
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
Is data flow in LWC unidirectional or bidirectional? Let's have a look
Slots and Named Slots, things you need to know about them
Lighting Data Service [LDS]
Using lightning-record-view-form to display the record
For the same tag, let's make the record ID and content dynamic
Using lightning-record-edit-form for both inserting and updating a record
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
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
Introduction to Events in native JavaScript
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
When there are multiple components are in hierarchy, will it affect the lifecycle hook flow?
A few gotchas in life cycle hooks
Navigation in LWC
How to implement navigation in LWC?
How to use NavigationMixin to implement navigation between two LWC's
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?
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
PreviewLightning Message Service
Steps involved and why do we need them?
Let's see what we have done so far!
Using LMS in Aura Components
PreviewWhy 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?
PreviewKeep me in the loop!
Email me when a new episode is published (Promise, I will not spam you).