learning-blazor

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

learning-blazor

★ 140 Open GitHub ↗

The application for the "Learning Blazor: Build Single Page Apps with WebAssembly and C#" O'Reilly Media book by David Pine.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Learning Blazor: Build Single-Page Apps with WebAssembly and C#

## Amazon Links

| Media type                           | Site                                                   |
|--------------------------------------|--------------------------------------------------------|
| [**📖 Paperback (Print)**][paperback] | [**Check it out on Amazon today.**][paperback]         |
| [**💻 eBook (Kindle)**][kindle]     | [**Also available on Amazon Kindle devices.**][kindle] |

[paperback]: https://www.amazon.com/Learning-Blazor-Build-Single-Page-WebAssembly-dp-1098113241/dp/1098113241
[kindle]: https://www.amazon.com/dp-B0BGJS7JBP/dp/B0BGJS7JBP

| Book | Details |
|--|--|
| <a href="https://bit.ly/learning-blazor" target="_blank"><img title="Learning Blazor: Build Single-Page Apps with WebAssembly and C#" alt="Learning Blazor: Build Single-Page Apps with WebAssembly and C#" src="images/learning-blazor.png"></a> | This repository is the application detailed in the ["Learning Blazor: Build Single-Page Apps with WebAssembly and C#"][learning-blazor] O'Reilly Media book by David Pine. 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 applications (SPA) investments. |

## This app is deployed to: https://webassemblyof.net

The app is a Blazor WebAssembly app, deployed to Azure as a Static Web app. It targets .NET 6, and it's packed full of C# 10 features.

Want to run this locally? See, the ["Get Started" article](GET_STARTED.md).

## Home screen (dark theme)

![Learning Blazor: Home screen (dark theme)](https://raw.githubusercontent.com/IEvangelist/learning-blazor/main/images/home-screen-dark.png)

## Home screen (light theme)

![Learning Blazor: Home screen (light theme)](https://raw.githubusercontent.com/IEvangelist/learning-blazor/main/images/home-screen-light.png)

## Featuring

The app is packed with examples of how to do various things with Blazor, including but not limited to:

- Blazor Third-Party Authentication providers:
  - Google
  - GitHub
  - "Sign up now"-based identity provider registration (with email verification).
- Azure Functions &mdash; .NET
- ASP.NET Core Web API
- ASP.NET Core SignalR
- Bulma (CSS)
- Polly
- Swagger / OpenAPI
- OpenWeatherMap API
- "Have I Been Pwned"
- Client-Browser Native Speech Synthesis and Speech Recognition
- Reactive Extensions (Rx.NET)
- Azure Cosmos DB Repository-Pattern .NET SDK
- Blazor WebAssembly Localization
- Azure Cognitive Services Translator
- Blazor Component Virtualization
- Humanizer
- Two-way JavaScript Interop (using both `IJSRuntime` and `IJsInProcessRuntime`)
  - As well as Blazorators, for source generation

## NuGet Packages

I'm using several of my open-source projects within this repository.

| Package | Repository | Purpose |
|---------|------------|---------|
| [IEvangelist.Azure.CosmosRepository](https://www.nuget.org/packages/IEvangelist.Azure.CosmosRepository) | [`./azure-cosmos-dotnet-repository`](https://github.com/IEvangelist/azure-cosmos-dotnet-repository) | `IRepository<TItem>` via DI for light-weight access to Azure Cosmos DB. |
| [Blazor.LocalStorage.WebAssembly](https://www.nuget.org/packages/Blazor.LocalStorage.WebAssembly) | [`./blazorators`](https://github.com/IEvangelist/blazorators) | Source-generated `localStorage` API implementation class library from Blazorators: C# Source Generators for Blazor. |
| [Blazor.SpeechRecognition.WebAssembly](https://www.nuget.org/packages/Blazor.SpeechRecognition.WebAssembly) | [`./blazorators`](https://github.com/IEvangelist/blazorators) | Hand-written custom library that wraps browser native `speechRecognition` API implementation. |
| [HaveIBeenPwned.Client](https://www.nuget.org/packages/HaveIBeenPwned.Client) | [`./pwned-client`](https://github.com/IEvangelist/pwned-client) | A .NET HTTP client for the "have i been pwned" API service from Troy Hunt.  |

## GitHub Actions

I'm also using my Resource Translator: https://github.com/IEvangelist/resource-translator, which translates _.resx_ resource files.

> [💡 Ideas](https://gist.github.com/IEvangelist/d43abafb64d207bff25e60769e986bbd) for the application to include.

[learning-blazor]: https://bit.ly/learning-blazor

learning-blazor

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README