What is The Blazor Puzzle?

The Blazor Puzzle is a YouTube series where software developers Carl Franklin and Microsoft PM Jeff Fritz offer Blazor coding challenges and bug hunts, and give away prizes.

This show is definitely SFW (Safe For Work). We don't swear, and we don't tolerate it in the chat. We're here to have fun and learn Blazor.

Videos




Episode 52 - 10/4/2024 (7:14)
Who?
Carl and Jeff want to know how to capture the user's first and last names when they register.

 


Episode 51 - 9/27/2024 (9:28)
Values That Bind
Carl and Jeff want to know why simply using an app breaks the binding of an input box.

 


Episode 50 - 9/20/2024 (11:05)
Clicky No Worky!
Jeff and Carl want to know how to fix a JavaScript call behind a button that doesn't work.

 


Episode 49 - 9/13/2024 (7:57)
I Feel Invalidated!
Carl and Jeff want to know how to validate a form input with custom code.

 


Episode 48 - 9/6/2024 (17:30)
Virtually Nothing
Jeff and Carl want to know why virtualizing a component results in no data being shown at all!

 


Episode 47 - 8/30/2024 (9:13)
Production Challenge
Carl and Jeff want to know how to have a separate configuration for production than development.

 


Episode 46 - 8/23/2024 (9:15)
Injection Rejection!
Carl and Jeff want to know why their DI strategy doesn’t work.

 


Episode 45 - 8/9/2024 (9:15)
Where'd my NavLink Go?
Carl and Jeff want to know why a NavLink disappears whenever they access the Account page in a .NET 8 Blazor Web App with Individual Accounts.

 


Episode 44 - 8/2/2024 (10:41)
No RCL Protection!
Carl and Jeff want to know how to use Protected Local Storage in a Razor Class Library inside a Blazor Server app.

 


Episode 43 - 7/26/2024 (12:22)
Virtually Overworked
Carl and Jeff want to know why too many items are shown in a virtualized list.

 


Episode 42 - 7/19/2024 (8:38)
Impossible CSS
Carl and Jeff want to know how to make a div consistently span the full height of the page, even if the browser is resized.

 


Episode 41 - 7/12/2024 (14:04)
Show Me The Email!
Carl and Jeff want to know why their code to retrieve the logged-in user's email address in the NavMenu doesn't work.

 


Episode 40 - 6/28/2024 (10:39)
I Want my QR Code!
Carl and Jeff want to know why the instructions for setting up Two-Factor Authentication with a QR code don't work.

 


Episode 39 - 6/21/2024 (10:35)
What The Form!
Carl and Jeff want to know why an EditForm throws validation errors when the requirements have been met.

 


Episode 38 - 6/14/2024 (10:44)
Link the Weather
Carl and Jeff have a Blazor app that downloads weather forecasts from the National Weather Service. They want to know how to share the weather forecast results with a URL.

 


Episode 37 - 6/7/2024 (08:13)
Minimal API Issue
Carl and Jeff want to know why an app blows up when they try to retrieve data from a Minimal API Endpoint.

 


Episode 36 - 5/24/2024 (10:26)
Can't Log Out!
Carl and Jeff want to know why they can't log out of a Blazor Web App

 


Episode 35 - 5/17/2024 (15:49)
Encrypt This!
Carl and Jeff want to know how to encrypt data on the client in a Global Server Blazor Web App.

 


Episode 34 - 5/10/2024 (11:04)
Static Search
Carl and Jeff want to know how to connect an input box to a search page in a server-side-rendered Blazor Web App.

 


Episode 33 - 5/3/2024 (7:50)
The Components that Bind
Carl and Jeff want to know why changing a component’s parameter value doesn’t update when bound to a value in a parent component.

 


Episode 32 - 4/19/2024 (10:36)
Updating Parameters
Carl and Jeff want to know why changing a component’s parameter value doesn’t work.

 


Episode 31 - 4/12/2024 (7:24)
Re-use This!
Carl and Jeff want to know why they can't drop an existing Blazor page into a Blazor Hybrid app.

 


Episode 30 - 4/12/2024 (7:24)
Where's The Layout?
Carl and Jeff want to know why adding a parameter to the Home page results in the loss of CSS styling.

 


Episode 29 - 3/29/2024 (10:59)
A Pre-Render Bender?
Carl and Jeff want to know how to deal with side-effects of turning off pre-rendering in a .NET 8 Blazor Web App.

 


Episode 28 - 3/22/2024 (10:59)
Where's the HTML?
Carl and Jeff want to know how to display raw HTML in a Blazor page or component.

 


Episode 27 - 3/15/2024 (12:12)
Click Once, That's It!
Carl and Jeff want to know why a button click only works once.

 


Episode 26 - 3/8/2024 (12:11)
From RCL to Routable Page
Carl and Jeff want to know how to make a component in a Razor Class Library routable in a Blazor Web App.

 


Episode 25 - 3/1/2024 (9:52)
ButtonNumber++
Carl and Jeff want to know why dynamic button components don't hold their numbers.

 


Episode 24 - 2/23/2024 (9:51)
Let us Stand Alone
Carl and Jeff want to know how to create a Blazor Standalone WebAssembly Web App in .NET 8.

 


Episode 23 - 2/16/2024 (15:39)
Forge Ahead!
Carl and Jeff want to know why an AntiForgeryToken is not being passed to an EditForm.

 


Episode 22 - 2/9/2024 (8:45)
Icon Not Find Icons!
In this episode, Carl and Jeff want to know how to add more icons to the NavMenu component.

 


Episode 21 - 1/26/2024 (10:26)
Bungle a Bundle
In this episode, Carl and Jeff want to know how to bundle CSS and JavaScript using C# in a Blazor Web App.

 


Episode 20 - 1/19/2024 (8:32)
It's a 404 World
In this episode, Carl and Jeff want to know how to implement a 404 handler in a Blazor Web App.

 


Episode 19 - 1/12/2024 (12:58)
To Layout or Not Layout
In this episode, Carl and Jeff want to know how to show a page that does not use a layout.

 


Episode 18 - 1/4/2024 (10:07)
Where's the Config?
In this episode, Carl and Jeff want to know how to display a message from the config file in a WebAssembly app.

 


Episode 17 - 12/22/2023 (9:19)
Whether or Not
In this episode, Jeff and Carl improve the Weather page to better show off the Streaming Rendering feature of Blazor in .NET 8.

 


Episode 16 - 12/15/2023 (9:11)
No Message for You!
In this episode, Carl and Jeff wonder why a variable doesn't persist between calls.

 


Episode 15 - 12/8/2023 (12:39)
Unexpected Behavior
In this episode, Carl and Jeff wonder why a .NET Blazor Web App is behaving strangely.

 


Episode 14 - 12/1/2023 (22:59)
Simple App Doesn't Work
In this episode, Carl and Jeff want to know why this simple .NET 8 Blazor Web App doesn't work.

 


Episode 13 - 11/16/2023 (25:20)
Upgrade This App!
In this episode, Carl and Jeff show a Blazor Server app that accesses data and displays it in a grid. The challenge is to upgrade it to a .NET 8 Blazor Web App with the Auto Interactive mode.

 


Episode 12 - 11/10/2023 (16:14)
Build a Better Background Service
In this episode, Carl and Jeff show a Blazor Server app that implements a problematic background service Is there a better way to write it?

 


Episode 11 - 11/03/2023 (9:48)
Build a Better State Bag
In this episode, Carl and Jeff show a solution with shared state that shows updates using INotifyPropertyChanged. Is there a better way to achieve this?

 


Episode 10 - 10/27/2023 (11:12)
Stop the Rendering
In this episode, Carl and Jeff show a solution in which a child component keeps rendering when we don't want it to. How can we stop it from rendering?

 


Episode 9 - 10/20/2023 (09:30)
A Matter of Focus
In this episode, Carl Franklin and Jeff Fritz need help to figure out why they can't show an input tag and set focus from a button.

 


Episode 8 - 10/13/2023 (10:11)
A Printing Puzzle
In this episode, Carl Franklin and Jeff Fritz wonder how to tell Blazor that a certain part of markup should not be included in the printed document.

 


Episode 7 - 10/6/2023 (11:54)
A Parameter Problem #2
In this episode, Carl Franklin and Jeff Fritz continue with the project from last week by adding a footer with a checkbox to enable dark mode, but it doesn't work. Why?

 


Episode 6 - 9/29/2023 (9:55)
A Parameter Problem
In this episode, Carl Franklin and Jeff Fritz show a Blazor app that passes parameters three levels down the chain, but it doesn't work. Why?

 


Episode 5 - 9/22/2023 (9:17)
Localization Woes
In this episode, Carl Franklin and Jeff Fritz show a Blazor app to demonstrate Localization, but it doesn't work. Why?

 


Episode 4 - 9/15/2023 (9:17)
Lazy Not Loading!
In this episode, Carl Franklin and Jeff Fritz show a Blazor WebAssembly app that should be lazy loading a large library (on demand), but it doesn't work. Why?

 


Episode 3 - 9/8/2023 (10:59)
JavaScript Calling!
In this episode, Carl Franklin and Jeff Fritz show a Blazor Server app that Jeff converted from an MVC app, but it's getting a 404 error. Why?

 


Episode 2 - 9/1/2023 (10:55)
Got JavaScript?
In this episode, Carl Franklin and Jeff Fritz show a solution where Blazor calls into JavaScript, and then JavaScript calls Blazor C# code after 5 seconds.

 


Episode 1 - 8/25/2023 (10:56)
Introducing The Blazor Puzzle
In the premiere episode, Carl Franklin and Jeff Fritz offer thier first challenge. What's wrong with this code?

 

An error has occurred. This application may no longer respond until reloaded. Reload 🗙