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
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

Writing Test for a simple component

Here is the code used in the episode.