Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C#

https://etxflooring.com/2025/04/fo4ii0wvzz Blazor WebAssembly by Example Foreword Contributors About the author About the reviewer Preface Who this book is for What this book covers To get the most out of this book Download the example code files Code in Action Download the color images Conventions used Get in touch Reviews Chapter 1: ntroduction to Blazor WebAssembly Benefits of using the Blazor framework .NET Framework SPA framework Razor syntax Awesome tooling Hosting models Blazor Server Blazor WebAssembly What is WebAssembly? WebAssembly goals WebAssembly support Setting up your PC Installing Visual Studio Community Edition Installing .NET 5.0 Installing SQL Server Express Summary Questions Further reading Chapter 2: Building Your First Blazor WebAssembly Application Technical requirements Razor components Using components Parameters Naming components Component life cycle Component structure Routing in Blazor WebAssembly Route parameters Catch-all route parameters Route constraints Razor syntax Inline expressions Control structures Project overview Creating the Demo Blazor WebAssembly project Creating the Demo project Running the Demo project Examining the Demo project's structure Examining the shared Razor components Examining the routable Razor components Using a component Adding a parameter to a component Using a parameter with an attribute Adding a route parameter Using partial classes to separate markup from code Creating a custom Blazor WebAssembly project template Creating an empty Blazor project Creating a project template Updating a custom project template Using a custom project template Summary Questions Further reading Chapter 3: Building a Modal Dialog Using Templated Components Technical requirements RenderFragment parameters EventCallback parameters CSS isolation Enabling CSS isolation Supporting child components Project overview Creating the modal dialog project Getting started with the project Adding the Dialog component Adding a CSS Testing the Dialog component Adding EventCallback parameters Adding RenderFragment parameters Creating a Razor class library Testing the Razor class library Adding a component to the Razor class library Summary Questions Further reading Chapter 4: Building a Local Storage Service Using JavaScript Interoperability (JS Interop) Technical requirements Why use JavaScript? Exploring JS interop InvokeVoidAsync InvokeAsync Invoking JavaScript from .NET synchronously Invoking .NET from JavaScript Understanding local storage Project overview Creating the local storage service Creating the local storage service project Writing JavaScript to access localStorage Adding the ILocalStorageService interface Creating the LocalStorageService class Writing to localStorage Reading from localStorage Summary Questions Further reading Chapter 5: Building a Weather App as a Progressive Web App (PWA) Technical requirements Understanding PWAs HTTPS Manifest files Service workers Working with manifest files Working with service workers Service worker life cycle Updating a service worker Types of service workers Using the CacheStorage API Using the Geolocation API Using the OpenWeather One Call API Project overview Creating a PWA Getting started with the project Adding a JavaScript function Using the Geolocation API Adding a Forecast class Adding a DailyForecast component Using the OpenWeather One Call API Displaying the forecast Adding the logo Adding a manifest file Adding a simple service worker Testing the service worker Installing the PWA Uninstalling the PWA Summary Questions Further reading Chapter 6: Building a Shopping Cart Using Application State Technical requirements Application state Understanding DI DI container Service lifetime Project overview Creating the shopping cart project Getting started with the project Adding the Product class Adding the Store page Demonstrating that application state is lost Creating the ICartService interface Creating the CartService class Registering CartService in the DI container Injecting CartService Adding the cart total to all of the pages Using the OnChange method Summary Questions Further reading Chapter 7: Building a Kanban Board Using Events Technical requirements Event handling Lambda expressions Preventing default actions Attribute splatting Arbitrary parameters Project overview Creating the Kanban board project Getting started with the project Adding the classes Creating the Dropzone component Adding a style sheet Creating the Kanban board Creating the NewTask component Using the NewTask component Summary Questions Further reading Chapter 8: Building a Task Manager Using ASP.NET Web API Technical requirements Understanding hosted applications Client project Server project Shared project Using the HttpClient service Using JSON helper methods GetFromJsonAsync PostAsJsonAsync PutAsJsonAsync HttpClient.DeleteAsync Project overview Creating the TaskManager project Getting started with the project Examining the hosted Blazor WebAssembly app Emptying the solution Adding the TaskItem class Adding the TaskItem API controller Setting up SQL Server Displaying the tasks Completing the tasks Deleting the tasks Adding new tasks Summary Questions Further reading Chapter 9: Building an Expense Tracker Using the EditForm Component Technical requirements Overview of the EditForm component Using the built-in input components Using the validation components Project overview Creating the ExpenseTracker project Getting started with the project Removing the demo project Adding the classes Adding the API controllers Creating the SQL Server database Viewing the expenses Adding the ExpenseEdit component Adding the input components Summary Questions Further reading Why subscribe? Other Books You May Enjoy Packt is searching for authors like you Leave a review - let other readers know what you think