Building Modern Web Applications Using Blazor ASP.NET Core

Blazor is a modern web framework from Microsoft that was included in .NET 5. It's used for building interactive web applications using C# and .NET and it's based on a flexible, modular component model that's well-suited for building applications with rich, interactive web user interfaces. It should be noted that you can still use JavaScript if you'd like to, i.e., you can invoke your

- Joydip Kanjilal

JavaScript functions from C# and vice versa. This article will take a deep dive into Blazor and its components, and then demonstrate how to build modern web applications using it. It will also discuss the performance and security considerations, deployment using Docker and Kubernetes, and the best practices.

If you're to work with the code examples discussed in this article, you need the following installed in your system:

• Visual Studio 2022

• .NET 9.0

• ASP.NET 9.0 Runtime

If you don't already have Visual Studio 2022 installed on your computer, you can download it from here: https:// visualstudio.microsoft.​com/downloads/.

At the end of this journey, you'll be able to build highperformance, scalable, and secure Blazor applications in ASP.NET Core 9 and Visual Studio 2022.

Understanding the Problem

While building web applications, you would typically need server- and client-side components. To create the serverside components, you might want to use C#, Java, etc.

On the other hand, when building the client-side components, you might typically want to use Angular, React, etc. You need to learn and master two different types of technologies, one for the server side and one for the client side. This makes it difficult to maintain the codebase over time. See Figure 1 to understand a technology stack of a typical web application that doesn't use Blazor.