book

Learning Blazor

by David Pine

September 2022

Intermediate to advanced

324 pages

8h 19m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Why Blazor?Who Should Read This BookFor .NET DevelopersFor Web DevelopersWhy I Wrote This BookHow to Use This BookRoadmap and Goals of This BookConventions Used in This BookUsing Code ExamplesO’Reilly Online LearningHow to Contact UsAcknowledgments
The Origin of BlazorBlazor HostingBlazor ServerBlazor WebAssemblyBlazor HybridSingle-Page Applications, RedefinedWhy Adopt Blazor.NET’s Potential in the Browser.NET Is Here to StayFamiliaritySafe and SecureCode ReuseToolingOpen Source SoftwareYour First Blazor App with the .NET CLIBuild the AppInstall Dev-certRun the AppThe Code Must Live OnPerusing the “Learning Blazor” Sample AppSummary
Requesting the Initial PageApp Startup and BootstrappingBlazor WebAssembly App InternalsDetecting Client Culture at StartupLayouts, Shared Components, and NavigationSummary
Design with the User in MindLeveraging “Pwned” Functionality“Have I Been Pwned” Client ServicesRestricting Access to ResourcesThe Introduction Component Says “Hi”The Joke Component and ServicesAggregating Joke Services—Laughter EnsuesDI from Library AuthorsForecasting Local WeatherSummary
A Bit More on Blazor AuthenticationClient-Side Custom Authorization Message Handler ImplementationThe Web.Client ConfigureServices FunctionalityNative Speech SynthesisSharing and Consuming Custom ComponentsChrome: The Overloaded TermModal Modularity and Blazor Component HierarchiesExploring Blazor Event BindingSummary
What Is Localization?The Localization ProcessThe Language Selection ComponentAutomating Translations with GitHub ActionsLocalization in ActionSummary
Defining the Server-Side EventsExposing Twitter Streams and Chat FunctionalityWriting Contextual RPC and Inner-Process CommunicationConfiguring the Hub EndpointConsuming Real-Time Data on the ClientConfiguring the ClientSharing a Hub ConnectionConsuming Real-Time Data in ComponentsSummary
What Are Source Generators?Building a Case for Source GeneratorsC# Source Generators in ActionSource Generating the localStorage APISource Generating the Geolocation APIExample Usage of the ILocalStorageServiceSummary
The Basics of Form SubmissionFramework-Provided Components for FormsModels and Data AnnotationsDefining Component ModelsDefining and Consuming Validation AttributesImplementing a Contact FormImplementing Speech Recognition as User InputReactive Programming with the Observer PatternManaging Callbacks with a RegistryApplying the Speech Recognition Service to ComponentsForm Submission Validation and VerificationSummary

Why Test?Unit TestingDefining Unit-Testable CodeWriting an Extension Method Unit TestComponent TestingEnd-to-End Testing with PlaywrightAutomating Test ExecutionSummary
Web ClientWeb APIPwned Web APIWeb AbstractionsWeb ExtensionsWeb HTTP ExtensionsWeb FunctionsWeb Joke ServicesWeb ModelsWeb Twitter ComponentsWeb Twitter Services

Overview

Take advantage of your C# skills to build UI components and client-side experiences with .NET. With this practical guide, you'll learn how to use Blazor WebAssembly to develop next-generation web experiences. Built on top of ASP.NET Core, Blazor represents the future of .NET single-page application investments.

Author David Pine, who focuses on .NET and Azure content development at Microsoft, explains how WebAssembly enables many non-JavaScript-based programming languages to run on the client browser. In this book, you'll learn about real-time web functionality with ASP.NET Core SignalR and discover strategies for bidirectional JavaScript interop. David also covers component data binding, hierarchical event-driven communications, in-memory state management, and local storage.

This book shows you how to:

Create a beautiful, feature-rich Blazor app
Develop and localize an enterprise-scale app using GitHub Actions and Azure Cognitive Services Translator
Create advanced validation scenarios for input-based components with forms
Automatically deploy and host to Azure Static Web Apps, and rely on HTTP services
Use a geolocation service and speech synthesis and recognition native to the browser
Author a custom modal verification mechanism for validating a user