Intro

What is SWR?

What is a traveling wave?

What is a standing wave

Example of a reflected wave

Radiation patterns

Home component implementation

Rendering

SWR Installation

Automatic deduping and data sharing

Automatic deduping

Deduplicating requests

Why useEffect is called twice

Intro

Welcome

SWR Explained

Starter Code

Install SWR

json-server

Axios API layer

Imports

useSWR hook

SWR mutate function

What is a mutation?

Check the CRUD operations

Adding some delay

Viewing stale data until success or fail

SWR 2.0 Preload data

Benefits of Optimistic UI updates

Refactor to Optimistic UI

Helper functions

Import the helpers

Mutate with Optimistic UI

Checking the Optimistic UI

A Challenge for You

Basic explanation of VSWR

Characteristics of feeders

Short circuit case

Reflected voltage waveform

Where do the peaks and troughs occur?

Short circuited line

Open circuit line

What is Voltage Standing Wave Ratio

Calculating the VSWR from forward and reverse power levels

Calculation of VSWR

Intro

Basic Shack Setup

What is a 2 to 1 SWR?

Demonstration of SWR

Antenna Analyzer Recommendation

Shortening Wire

What is an acceptable SWR?

Analyzing SWR

Tuning Tips

Wrap up

What is SWR?

How SWR is calculated

Voltage to power formula

Cross-needle SWR and power meter

Using a separate SWR meter

First test

Tuning the antenna

SWR example

SWR-2.0 example

Conclusion

Intro

What is SWR or Stale While Revalidate?

Setup

Setup the fake mock backend

Old way of fetching data from server in react

First SWR query using useSWR hook

Create fetcher function

SWRConfig provider

Global config

Create first query function

Chained or dependable queries

Mutations (life cycles, callbacks, ...)

useSWRMutation

Passing data to mutations function and trigger

Optimistic UI and data

RollBackOnError

Middlewares

Pagination

Infinite scrolling (useSWRInfinite)

What is Return Loss?

Return Loss and SWR

Return Loss Diagram

Reflected power

What is SWR?

What does all this mean?

Insertion loss

Line loss example

Measuring SWR at the Radio

Summary

Types of SWR meters

Instrument overview

Connecting up the SWR meter

Choose a clear channel

Understanding the scales

Percentage reflected power scale

SWR meter placement

Feeder loss impact on SWR

Useful tips

Summary

Client Side Data Fetching

Data Fetching

Firebase Database

Using Swr

Static Side Generation from Next Js with Client-Side Data Fetching

Run Build To Build a Production Bundle

Summarize

Use Swr Mutation

Optimistic Ui

Optimistic Update

Preload

React 18 Support

Buy My Typescript Course

Introduction

Creating the foundation

Adding SWR

Creating a custom fetcher

Built in data and error handling.

Creating a loading and error screen.

Using Map to create a list of users.

Trying out data fetching.

What is happening in the console

Stop fetching on focus.

Adding revalidateOnFocus

Testing our new code.

Adding a button to add data.

Async onClick Handler

Posting Data to our API

Testing the POST

No data refresh

Adding Mutation

Testing Mutation

Outro

Introduction to the video

Introduction to s SWR library and its benefits

Explanation of the app directory structure in NEX js14

Setting up a client component within the app directory

Installing the s SWR package

Creating a client component for the dashboard page

Defining the fetcher function for fetching data from an API

Handling error and loading states in the client component

Returning the actual content once the data is available

Accessing the dashboard page in the browser

Explaining the caching behavior of S SWR

Creating a separate card component to demonstrate caching

Loading the card component on button click

Handling the button click event and updating the card state

Displaying the card component based on the card state

Showing the difference between using and not using S SWR

Implementing the S SWR provider component for global settings

Wrapping the components with the S SWR provider

Testing the application with the S SWR provider

Success message indicating successful implementation of S SWR

Introduction to other features of S SWR like mutations and infinite loading

Closing remarks and summary of the video

Take out the four top screws

Disconnect the battery

Found a bad piece of coax using this meter

Turn the alert off

Intro

Standing Waves

Examples of different SWRs

Transceiver SWR vs Antenna SWR

SWR and power loss

Line loss multiplies when SWR is high

Line Loss Examples

Be careful with very high SWR

Good SWR at band end

Conclusion

What is SWR?

Creating the SWR component

Installing and using SWR

UseSWR hook

Extracting fetcher function

Exporting the component

Conclusion