learning-blazor-app-ideas.md

Steve Sanderson agreed to write the foreword!

Look into WASM pre-rendered Securing sensative config values Static web app

Top-navigation -- [Theme Toggle] [Notifications] [Voice Options] [Langauge] [Log in]

• Six panel layout -- each panel is a Component (draggable)

  1. Twitter -- configure hash tags and handles
  2. Jokes -- auto-refresh, but allow manual after a while
  3. Weather -- editable
  4. Have I Been Pwned -- email and password checker, on-demand (alerts?)
  5. Chat / Video Chat
  6. [ + ]

• Use Have I Been Pwned (HIBP) service ~

• Use localization / globalization, and resource translation ✔

  • JS interop, speak anything on the page -- in any language
  • Translation services

• Use repository-pattern .NET SDK (Cosmos DB) ✔

  • Background / Worker service - for API caching
  • Azure Functions -- stateless

• Use some sort of jokes API ✔

  • Aggregate chuck norris (cnidb, nerdy), programming jokes, and dad jokes

• Show xUnit the Blazor complementary bUnit ✔

  • Consider "Scenario testing"

• Loading page

  • Show strobing Blazor logo: Blazor WebAssembly
  • Use a bit of CSS, add JS to intercept the loading of WASM -- show progress
    • https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests

Consider bulma for the CSS framework, as it doesn't require JavaScript:

• https://bulma.io/
• https://fontawesome.com/

See this for unit testing: https://github.com/egil/blazor-workshop And AutoData from AutoFixture

Project structure

https://gist.github.com/davidfowl/ed7564297c61fe9ab814 ✔

GitHub Actions

CI/CD and so much more! ✔

Modular components to highlight component aspect.

Architecture

Blazor Wasm - client

• HTTP calls
• Microservices
• SignalR
• Azure static web app

Server - bits

• ASP.NET Core Web API
• Azure Functions
• Cosmos DB
  • Repository-pattern

File new > Blazor WebAssembly App

dotnet new blazorwasm --auth IndiviaulB2C

https://github.com/IEvangelist/learning-blazor

People interested in reviewing the Blazor book:

Beta tester

• Tyler Whitney: *****

Technical reviewer

• Carol Tumey: *****
• Erik Hopf: *****
• Chad Olson: *****
• Bruno Barrette: *****
• John Kennedy: *****

In the beginning, no... once upon a time, nope -- it all started with an idea, much to my surprise a small idea.

Use <element translate="no" /> where applicable.

Use https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat/RelativeTimeFormat