Professional C# and .NET, 2021st Edition

27Blazor

WHAT'S IN THIS CHAPTER?

• Getting to know Blazor Server and Blazor WebAssembly
• Understanding the layout with Blazor applications
• Navigating between Razor components
• Creating and using Razor components
• Injecting services
• Implementing event callbacks between components
• Using two-way binding
• Cascading parameters with component hierarchies
• Creating templated components

CODE DOWNLOADS FOR THIS CHAPTER

The source code for this chapter is available on the book page at www.wiley.com. Click the Downloads link. The code can also be found at https://github.com/ProfessionalCSharp/ProfessionalCSharp2021 in the directory 3_Web/Blazor.

The code for this chapter is divided into the following major examples:

• Blazor.ServerSample
• Blazor.WASMSample
• Blazor.ComponentsSample

All the projects have nullable reference types enabled.

BLAZOR SERVER AND BLAZOR WEBASSEMBLY

Blazor is a new ASP.NET Core technology to create interactive web applications. With Blazor, you get full-stack .NET development without the need to write JavaScript code. The application can be built using HTML, C#, and CSS—both for the client and for the server.

You need to understand the difference between two options: Blazor Server and Blazor WebAssembly. Both options offer full-stack .NET development, and with both of these options, you're creating Razor components. Razor components are an extension of Razor Pages, which are covered in Chapter 26, “Razor Pages and MVC.” With Blazor Server, Razor components ...