Creating the Demo Blazor WebAssembly project
The Blazor WebAssembly application that we are going to build in this chapter is a simple three-page application. Each page will be used to demonstrate one or more features of Razor components.
This is a screenshot of the completed Demo
project:
Figure 2.8: Home page of the Demo project
The build time for this project is approximately 60 minutes.
Project overview
The Demo
project that we are creating is based on one of the sample projects that are provided by the Blazor WebAssembly App
project template. After we have used the template to create the project, we will examine the files in the sample project and update some of the files to demonstrate how to use Razor components. To elevate the development experience, we will enable Hot Reload
. Finally, we will separate the code block of one of the components into a separate file to demonstrate how to use the code-behind technique to separate the markup from the code...