Razor Components

Explore how to build and use Razor components within Blazor WebAssembly applications. Understand component parameters for dynamic behavior, component syntax, naming conventions, and the asynchronous lifecycle methods that manage component rendering and integration with JavaScript.

We'll cover the following...

Using components
Parameters
Test yourself
Naming components
Component life cycle

Blazor WebAssembly is a component-driven framework. Razor components are the fundamental building blocks of a Blazor WebAssembly application. They are classes that are implemented using a combination of C#, HTML, and Razor markup. When the web app loads, the classes get downloaded into the browser as normal .NET assemblies (DLLs).

Note: In this course, the terms “Razor component” and “component” are used interchangeably.

Using components

HTML element syntax is used to add a component to another component. The markup looks like an HTML tag where the name of the tag is the component type.

The following markup in ...

1.Introduction to Blazor WebAssembly

2.Building Your First Blazor WebAssembly Application

Mini Project

3.Building a Modal Dialog Using Templated Components

Mini Project

4.Building Local Storage Service Using JavaScript Interoperability

5.Building a Weather App as a Progressive Web App (PWA)

6.Building a Shopping Cart Using Application State

7.Building a Kanban Board Using Events

Mini Project

8.Building a Task Manager Using ASP.NET Web API

9.Building an Expense Tracker Using the EditForm Component

Mini Project

10.Conclusion

11.Local Installations

Razor Components

Using components