Writing Test for a simple component

Writing Test for a simple component

Writing Test for a simple component

Here is the code used in the episode.

Lightning Web Components

Buy nowLearn more

Introduction

Introduction 2

Setting up the Development Environment 8

Linking the SF Org and VS Code for seamless Dev Experience

Let's understand modules in JavaScript (ES6) 1/22

Let's understand modules in JavaScript (ES6) 2/2

How exactly data binding in LWC works?

Let's understand the concept of reactivity in LWC1

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 ShowToastEvent3

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

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

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 events7

How Event Retargeting works?

Event Propagation in JavaScript

Event bubbling in child and parent components7

All Event propagation scenarios3

Programatically handle the events5

Publish-Subscribe events4

Lightning Data Services

Introduction

Putting the base component lightning-record-edit-form to use.2

Using lightning-record-view-form and lightning-record-view-form

Using getRecord() Adapter2

Handlers in LDS base components5

Override save functionality using base components

Using createRecord() method to create a record

Using updateRecord() method to update a record

getRecord() alternative syntax1

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 file2

Expose Web Component to other platforms1

Web Components & Aura Components

Send data from Web Components to Aura Components using events3

Navigation in LWC

Navigation to different destination from a Web Component

Navigation in Files

Coding Challenges

Coding Challenge ~ Data Table with data from related objects1

Coding Challenge ~ Working with Modal Popup

Lightning Message Service

Steps involved and why do we need them?1

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

Using LMS in Visualforce Pages

Challenge #1 Send data from LWC to Aura Components1

Challenge #2 Send data from Aura Components to LWC

Where can we not use LMS?1

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