Blazor WebAssembly by Example

Cover
Title Page
Copyright and Credits
Contributors
Table of Contents
Preface
Chapter 1: Introduction 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?
About Packt
Other Books You May Enjoy
Index