jonhilton.net Open in urlscan Pro
2600:1f18:2489:8200:32de:9a3c:e401:d649  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Jon Hilton  - Making sense of .NET
Menu Close
All Posts
Blazor By Example
Courses


BUILD BETTER WEB APPLICATIONS, ONE FEATURE AT A TIME...

--------------------------------------------------------------------------------

Wait until the last responsible moment to add structure to your Blazor UI

Prioritise the ability to iterate and evolve your UI

Struggling to get going with a new feature? Start with the HTML

Build the skeleton and fill in the details from there

Use the Query String to pass an array of selected values between Blazor Pages

Make your Blazor app support deep linking by passing state in the Query String

Conditional Blazor Styles (without the if statements)

Sometimes you'll want your Blazor UI to change according to the data you're
using to populate it

Think big, start small

Big feels overwhelming so start small and go from there.

Go faster with mockups

Struggling to get "in" to a feature, or know where to start? Try sketching out a
mockup.

Use Tailwind's new JIT mode when developing Blazor applications

Tailwind 3 automatically scans your site for html files, Blazor components,
other templates in order to generate a static CSS file for your site, but it's a
faff to launch Tailwind and your Blazor app separately...

Missing Blazor intellisense in VS2022? You may be running into this problem

The new Razor editor in Visual Studio 2022 doesn't currently provide
intellisense for stylesheets you reference from external sources like NuGet
packages…

When to refactor a large Blazor component into separate, smaller ones?

Don't rush to break your UI down into separate components (too soon)

How I organise my Blazor components

Consistency is key and make your components work harder to prove they're
actually the 'same thing'

Three ways to hack your brain to notice the small details

Ever spent hours trying to figure out why your app isn't working, only to spot
the typo you made a few hours earlier?

Sure, you could write all those Blazor HTTP calls yourself...

Writing boilerplate API client code is deadly dull and repetitive, Refit will do
it for you

With so many Blazor Component Libraries, which one is best for you?

There's no shortage of component libraries available for Blazor, but how do you
figure out which one you should use?

Does .NET 6 fix Blazor Prerendering?

Prerendering eradicates Blazor WASM's initial load time and .NET 6 addresses its
one key limitation

Razor Pages has Components too don't you know!

Components are really useful for breaking down your UI into smaller pieces, and
Blazor uses them extensively, but what if you're using Razor Pages?

Persisting your users preferences using Blazor and Local Storage

Now your app supports dark mode, let's make sure your visitors only have to
choose it once (or ideally, not at all)

Dark mode for your web applications (using Blazor and Tailwind CSS)

Eyestrain is a real problem; help your users by adapting your site to their dark
mode preferences

Tests are hard, LightBDD can help

You know you should write more tests, but it's not that easy...

Is it possible to render components "dynamically" using Blazor?

Because life's not complicated enough already!

Render Blazor WASM components in your existing MVC/Razor Pages applications

You can render individual Blazor WASM components in your existing Razor Pages
(or MVC) Core app.

--------------------------------------------------------------------------------

By Jon Hilton

Here to help you level up your development skills and find your way in the
(often confusing) world of Microsoft software development.

ARTICLES

 * All Posts

ABOUT

 * Get in touch
 * Privacy Policy
 * Cookie Policy

Press again to continue 0/1
Notice
We and selected third parties use cookies or similar technologies for technical
purposes and, with your consent, for other purposes as specified in the cookie
policy. Denying consent may make related features unavailable.
You can consent to the use of such technologies by closing this notice, by
scrolling this page, by interacting with any link or button outside of this
notice or by continuing to browse otherwise.
×