You're reading from Blazor WebAssembly by Example, 2e Use practical projects to start building web apps with .NET 7, Blazor WebAssembly, and C#

Product type Paperback

Published in Feb 2023

Publisher Packt

ISBN-13 9781803241852

Length 438 pages

Edition 2nd Edition

Languages

Tools

.NET

Concepts

Front End Web Development

Author (1):

Toi B. Wright

View More author details

Table of Contents (15) Chapters

Preface

1. Introduction to Blazor WebAssembly FREE CHAPTER

2. Building Your First Blazor WebAssembly Application

3. Debugging and Deploying a Blazor WebAssembly App

4. Building a Modal Dialog Using Templated Components

5. Building a Local Storage Service Using JavaScript Interoperability (JS Interop)

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

7. Building a Shopping Cart Using Application State

8. Building a Kanban Board Using Events

9. Uploading and Reading an Excel File

10. Using Azure Active Directory to Secure a Blazor WebAssembly Application

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

12. Building an Expense Tracker Using the EditForm Component

13. Other Books You May Enjoy

14. Index

Creating the Demo Blazor WebAssembly project

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.

Creating the Demo project

Visual Studio comes with quite a few project templates. We are going to use the Blazor WebAssembly App project template to create our first Blazor WebAssembly project. Since this project template can be used to create many different types of Blazor projects, it is important to follow these instructions precisely: