Blazor and the booting screen

A first tip in a possible Blazor serie is about configuring loading screen.
A replacement of the default "Loading..." with something more eye catching.

Blazor is an experimental Web UI framework from Microsoft. There are plenty of posts about so I'm not going to describe it and I'm directly heading to my topic.

When you create an empty Blazor application from template and run it, it simply shows "Loading..." while downloading whole the application to the browser. As it could be a (very) few megabytes, so it can be shown for a little while.

It doesn't look great and it can be very easily fixed/enhanced. This "Loading..." text comes from index.html in your project. The pre-generated one looks like this:

As you can see, the text is placed in <app> tags. This element is replaced once Blazor is bootstrapped. Anything you place between these tags will be shown between first page load and Blazor bootstrap finish.