Building Components Using Blazor Server

Explore how to build and refactor Blazor Server components that list, create, and edit customer data. Understand setting parameters, defining routable pages, and performing CRUD operations within a Blazor Server environment, enabling you to build interactive web UIs using C#.

We'll cover the following...

Building a component
Defining and testing a simple Blazor Server component
- Try it yourself
Making the component a routable page component
- Try it yourself

Building a component

Now, we will build a component to list, create, and edit customers in the Northwind database. We will build it over several steps:

Step 1: Make a Blazor Server component that renders the name of a country set as a parameter.

Step 2: Make it work as a routable page as well as a component.

Step 3: Implement the functionality to perform CRUD operations on customers in a database.

Step 4: Refactor the component to work with Blazor Server and Blazor WebAssembly.

Defining and testing a simple Blazor Server component

...

1.Introduction

2.Hello, C#! Welcome, .NET!

3.Speaking C#

4.Controlling Flow, Converting Types, and Handling Exception

5.Writing, Debugging, and Testing Functions

6.Building Your Own Types with Object-Oriented Programming

7.Implementing Interfaces and Inheriting Classes

8.Packaging and Distributing .NET Types

9.Working with Common .NET Types

10.Working with Files, Streams, and Serialization

11.Working with Data Using Entity Framework Core

12.Querying and Manipulating Data Using LINQ

13.Introducing Web Development Using ASP.NET Core

14.Building Websites Using ASP.NET Core Razor Pages

15.Building Websites Using the Model-View-Controller Pattern

16.Building and Consuming Web Services

17.Building User Interfaces Using Blazor

18.Conclusion

Building Components Using Blazor Server

Building a component

Defining and testing a simple Blazor Server component