Posts for February 2023

Published:

React Router v6 - Catch All (Default) Redirect in React

A super quick post to show how to create a catch all (default) redirect to the home page in a React app using React Router v6.
Published:

Angular - Access Environment Variables

Quick example of how to create and access environment variables in Angular with an environment.ts file
Published:

React Router v6 - Listen to location (route) change without history.listen

How to detect route changes with React Router v6 to execute code on location change in a React app.
Published:

Angular Template-Driven vs Reactive Forms

The differences between Angular Reactive Forms and Template-Driven Forms with a simple example of each and how to choose between the two.
Published:

React + Axios - Add Bearer Token Authorization Header to HTTP Request

A quick example of how to add a Bearer Token Authorization Header to an HTTP request in React with Axios
Published:

Angular - Multiple Field (Cross Field) Validation with Reactive Forms

How to implement cross field validation in Angular to compare and validate multiple fields with Reactive Forms
Published:

Angular - Multiple Field (Cross Field) Validation with Template-Driven Forms

How to implement cross field validation in Angular to compare and validate multiple fields with Template-Driven Forms
Published:

Angular + Template-Driven Forms - Email Validation Example

This is a quick example of how to validate an email input field in Angular with Template-Driven Forms.
Published:

Redux Toolkit - Fix "The object notation for `createSlice.extraReducers` is deprecated" in React

How to fix the warning React Redux Toolkit deprecation warning "The object notation for `createSlice.extraReducers` is deprecated"
Published:

React Router 6 - Navigate outside React components

How to use the React Router 6 navigate() function outside React components
Published:

React + Fetch - Add Bearer Token Authorization Header to HTTP Request

A quick example of how to add a Bearer Token Authorization Header to an HTTP request in React with Fetch
Published:

Fetch - Add Bearer Token Authorization Header to HTTP Request

A quick example of how to add a Bearer Token Authorization Header to an HTTP request in JavaScript using Fetch
Published:

React 18 + Redux - Basic HTTP Authentication Example & Tutorial

Tutorial on how to build a simple Basic Auth login app with React 18, Redux and the Redux Toolkit.
Published:

SqlClient.SqlException - The certificate chain was issued by an authority that is not trusted

How to fix this SSL connection error when connecting to SQL Server from ASP.NET Core
Published:

.NET 7.0 + Dapper - Connect to MS SQL Server Database in ASP.NET Core

How to connect to a SQL Server database in ASP.NET Core with Dapper and ADO.NET
Published:

Angular + Reactive Forms - Email Validation Example

This is a quick example of how to validate an email input field in Angular with Reactive Forms.
Published:

.NET 7.0 + Dapper + MS SQL Server - CRUD API Tutorial in ASP.NET Core

How to build a .NET 7.0 CRUD API with Dapper and a SQL Server database.
Published:

Dapper + SQL Server - Create database if it doesn't exist on startup in ASP.NET Core

How to auto create a database and tables in SQL Server with ASP.NET Core and Dapper
Published:

.NET 7.0 + Dapper - Connect to SQLite Database in ASP.NET Core

How to connect to a SQLite database in ASP.NET Core with Dapper and ADO.NET
Published:

Vue 3 - HTTP DELETE Request Examples

A quick set of examples to show how to send HTTP DELETE requests from Vue 3 to an API using the Fetch API
Published:

Vue 3 - Add Bearer Token Authorization Header to HTTP Request

A quick example of how to add a Bearer Token Authorization Header to an HTTP request in Vue 3
Published:

.NET 7.0 + Dapper + SQLite - CRUD API Tutorial in ASP.NET Core

How to build a .NET 7.0 CRUD API with Dapper and a SQLite database.
Published:

C# + .NET 7.0 - Serialize (Convert) Enum to String in API Response

How to convert enum properties to strings in ASP.NET Core API responses.
Published:

.NET 7.0 + Dapper - Create Database Tables on Startup in ASP.NET Core

How to auto create database tables on startup in ASP.NET Core with Dapper
Published:
Last updated:

Getting the Bootstrap 5 Modal and Angular 15 to play nicely together

How to open and close (show/hide) Bootstrap Modal popups with Angular 15.
Published:

Axios - HTTP PATCH Request Examples

A quick set of examples to show how to send HTTP PATCH requests to an API using axios
Published:

Axios - Add Bearer Token Authorization Header to HTTP Request

A quick example of how to add a Bearer Token Authorization Header to an HTTP request in JavaScript using Axios
Published:

React 18 Authentication with Node.js JWT API

How to implement authentication with a React 18 front-end app and Node.js back-end API
Published:

React 18 Authentication with .NET 6.0 (ASP.NET Core) JWT API

How to implement authentication with a React 18 front-end app and .NET 6.0 (ASP.NET Core) back-end API
Published:

Vue 3 - HTTP PATCH Request Examples

A quick set of examples to show how to send HTTP PATCH requests from Vue 3 to an API using the Fetch API
Published:

React Hook Form 7 - Date Validation Example in React

This is a quick example of how to validate a date input field in React with React Hook Form.
Published:

React Hook Form 7 - Email Validation Example

This is a quick example of how to validate an email input field in React with React Hook Form.
Published:

Vue 3 - HTTP PUT Request Examples

A quick set of examples to show how to send HTTP PUT requests from Vue 3 to an API using the Fetch API
Published:

JWT with Refresh Tokens vs JWT Access Tokens Alone for Auth

A brief explanation of the differences between using JWT alone vs JWT with Refresh Tokens, and links to a few tutorials on how to implement each approach.
Published:

Angular + Template-Driven Forms - Date Validation Example

This is a quick example of how to validate a date input field in Angular with Template-Driven Forms.
Published:

Angular Date Pipe - Format Date as mm/dd/yyyy or dd/mm/yyyy in Angular

This is a quick example of how to format a date as mm/dd/yyyy or dd/mm/yyyy using the Angular date pipe.
Published:

Angular 14 Authentication with Node.js JWT API

How to implement authentication with an Angular front-end app and Node.js back-end API
Published:

Angular 14 Authentication with .NET 6.0 (ASP.NET Core) JWT API

How to implement authentication with an Angular front-end app and .NET 6.0 (ASP.NET Core) back-end API
Published:

Vue 3 Authentication with Node.js JWT API

How to implement authentication with a Vue 3 front-end app and Node.js back-end API
Published:

Vue 3 Authentication with .NET 6.0 (ASP.NET Core) JWT API

How to implement authentication with a Vue 3 front-end app and .NET 6.0 (ASP.NET Core) back-end API
Published:

Vue 3 - Catch All Redirect (Default Route) with Vue Router

A super quick post to show how to create a catch all redirect (default route) to the home page in a Vue 3 app with Vue Router.
Published:

Vue 3 + Vite - Add Path Alias @ to Src in Vite Config

A super quick post to show how to configure a path alias to map the at symbol (@) to the src folder in Vue 3 with Vite.
Published:

Vue 3 - HTTP POST Request Examples

A quick set of examples to show how to send HTTP POST requests from Vue 3 to an API using the Fetch API
Published:

Vue 3 - Fetch Data from an API

A quick example of how to fetch JSON data from an API in Vue 3.
Published:

Vue 3 - HTTP GET Request Examples

A quick set of examples to show how to send HTTP GET requests from Vue 3 to an API using the Fetch API
Supported by