Advanced Validation with Blazor EditForm

Happy New Year 🎉 Blazor has a built-in form-handling framework based on the EditForm component. This framework supports validation for user-entered data before allowing the form to be submitted. I won’t go into the details of using EditForm, as Microsoft’s documentation already does an excellent job covering that. One of this framework’s most widely used… Continue reading Advanced Validation with Blazor EditForm

Blazor QuickGrid with WebAssembly and API backend – complete example, Part 3

This post will cover implementing the paging, filtering and sorting server-side. By implementing these server-side features, we will reduce the data fetched from the database, transmitted with the API request and stored in memory, improving the application’s performance. To follow along, check out the code and switch to the Implemented-Sorting branch, where we stopped in… Continue reading Blazor QuickGrid with WebAssembly and API backend – complete example, Part 3

Blazor QuickGrid with WebAssembly and API backend – complete example, Part 2

In the previous post, I covered the basics of implementing QuickGrid and also implemented paging. In this post, I will cover virtualisation,  filtering, and sorting. To follow along, you can check out the code and switch to the Implemented-Paging branch, where we stopped in the last post. Implement virtualization Virtualization lets you scroll smoothly through… Continue reading Blazor QuickGrid with WebAssembly and API backend – complete example, Part 2

Blazor QuickGrid with WebAssembly and API backend – complete example, Part 1

Introduction Microsoft has created the QuickGrid component, which is in prerelease, experimental status for .NET 7 and will be released in production status for .NET 8. It can be used to display data in a table format quickly and efficiently.  QuickGrid is designed for common data grid scenarios and shows how to build data grid… Continue reading Blazor QuickGrid with WebAssembly and API backend – complete example, Part 1

Playwright for integration (end-to-end) testing of a Blazor WASM and ASP.NET API application

Introduction  This post is a follow up to my previous post on How to use Playwright with multiple browsers in headless or headless mode. It covers how to use Playwright to test a solution containing two separate projects – a Blazor WASM project, and an ASP.NET Web API project.  I will demonstrate how to create a… Continue reading Playwright for integration (end-to-end) testing of a Blazor WASM and ASP.NET API application

How to use Playwright with multiple browsers in headless or headless mode

Playwright is a testing tool developed by Microsoft that provides reliable end-to-end cross-browsing testing for modern web applications. At the time of writing, it can be used to automate Chromium, Firefox, and WebKit. It is a similar tool to Selenium, but aims to be more reliable, resulting in less flaky tests. Playwright is also less… Continue reading How to use Playwright with multiple browsers in headless or headless mode

Setting up a Blazor and .NET MAUI Blazor solution from scratch

Introduction  .NET MAUI is Microsoft’s cross-platform desktop and mobile application framework that is the evolution of Xamarin. One major feature introduced in MAUI is MAUI Blazor. This allows you to run a Blazor WebAssembly (WASM) application within an embedded MAUI WebView component, making it run the same as a native application. This application also uses… Continue reading Setting up a Blazor and .NET MAUI Blazor solution from scratch

PowerShell Script to Update a Cloud Service (Extended Support) Deployment

Overview This post is a continuation of my previous post on Updating a Cloud Service (Extended Support) and Powershell Script to create a new Cloud Services (Extended Support) Deployment. In the previous posts, I covered all the steps necessary to manually update a Cloud Services resource from the Azure Portal as well as create a… Continue reading PowerShell Script to Update a Cloud Service (Extended Support) Deployment

PowerShell Script to create a new Cloud Service (Extended Support) Deployment

As a follow-on to my previous post that covered Creating a Cloud Service (Extended Support) Deployment, this post covers doing the same thing but using a PowerShell script to automate it. To follow along, first, create a Cloud Service project that you can deploy to Azure. You can follow along until just before the heading… Continue reading PowerShell Script to create a new Cloud Service (Extended Support) Deployment

Supporting .NET 6+ in Cloud Services (Extended Support)

Overview  Microsoft has announced that Cloud Services (classic) will be retired on 31 August 2024. Their recommendation is to move to a new deployment model based on ARM called Cloud Services (extended support).  Before you get started following this guide, I recommend looking into moving to App Services or Kubernetes instead. I have doubts about… Continue reading Supporting .NET 6+ in Cloud Services (Extended Support)