Book Image

Mastering Blazor WebAssembly

By : Ahmad Mozaffar
3.5 (2)
Book Image

Mastering Blazor WebAssembly

3.5 (2)
By: Ahmad Mozaffar

Overview of this book

Blazor WebAssembly is a revolutionary technology in software development that enables you to develop web applications with a rich user interface using C# without JavaScript. It can be run natively in the browser and soon on mobile apps with .NET MAUI, making it a superweapon in the .NET developer’s toolbox. This capability has opened the doors for the JavaScript community to have a stable framework to build single page applications (SPAs) maintained by Microsoft and driven by the community. Mastering Blazor WebAssembly is a complete resource that teaches you everything you need to build client-side web applications using C# & .NET 7.0. Throughout this book, you’ll discover the anatomy of a Blazor WebAssembly project, along with the build, style, and structure of the components. You’ll implement forms to catch user input and collect data, as well as explore the topics of navigating between the pages in depth. The chapters will guide you through handling complex scenarios like RenderTrees, writing efficient unit tests, using variant security methods, and publishing the app to different providers, all in a practical manner. By the end of this book, you’ll have the skills necessary to build web apps with Blazor WebAssembly, along with the basics for a future in mobile development with .NET MAUI and Blazor.
Table of Contents (21 chapters)
1
Part 1: Blazor WebAssembly Essentials
5
Part 2: App Parts and Features
13
Part 3: Optimization and Deployment

Summary

In this chapter, we learned how we can keep the user experience as consistent as possible, as well as keeping it safe by persisting the state of the app.

We started by defining what state management is and then we discovered the possible ways to persist the flow of what the user was doing, from browser storage to an in-memory approach, and finally, using the URL.

Alongside the explanation, we explored three practical examples that added powerful features to our app, from storing the data the user is filling in to keep it safe for any surprise event to using the URL to store the current page number that the user has navigated to.

After going through this chapter, you should be able to do the following:

  • Define the importance of state management
  • Know how to use the local storage of the browser
  • Know how to save the state of the app using in-memory objects and dependency injection
  • Use query parameters to store the current state of the page and the flow...