Скачать или смотреть Blazor: What's new in .NET 6? (New features and changes)

What's new in Blazor? We have a look at the .NET 6 changes in this tutorial.

These are amongst a number of new features that have been applied to Blazor.

Watch the video where we use a Blazor WebAssembly application, and show you how you can start using these Blazor updates!

The updates we feature are as follows:

● Preserving prerendering state
Blazor Wasm applications are not very search-engine friendly. This is because a search bot would have to render the WebAssembly part of the application to grab the application's content.

.NET 5 added new functionality, where we could prerender the application to the server, before being rendered to the client.

However, this became problematic, particularly if an API call was made when the application was rendered. It would have to make the API call twice. Once to the server, and once to the client.

With .NET 6, it allows us to store prerendered data, meaning we only have to make that one API call.

⚠ Please note that since this video was recorded, ComponentApplicationState has been changed to PersistentComponentState in .NET 6 RC2. This has been updated in the article and the code example, but not the video. ⚠

● Querystring component parameters
It is now possible to set a Razor component parameter from the querystring.

With the [SupplyParameterFromQuery] attribute, we can decide whether to set the property's value from the same querystring parameter key as the property name, or set our own querystring parameter key.

● Modify page title from a Razor component
.NET 6 allows us to set the page title from a Razor component.

It also allows us to dynamically update the page title. We display how many notes have been added as part of the title. Then watch, as we add a new note, and see what happens to the notes count tally in the title.

● Error boundaries
Error boundaries allows us to customise an error message around a particular element should an exception arise.

Using the ErrorBoundary tag, we can display the error message that we want to the user.

💻 Download the code example for this demo 💻
https://www.roundthecode.com/dotnet-c...

📖 Learn Blazor WebAssembly with our online courses 📖
https://www.roundthecode.com/dotnet-c...

► More information: https://www.roundthecode.com/dotnet-b...

► .NET 6, C# 10 and Visual Studio 2022 playlist:    • .NET 6, C# 10 and Visual Studio 2022  

► Chapters
0:00 Blazor's updates for .NET 6
0:42 Preserving prerendering state
7:53 Querystring component parameters
9:50 Modify page title from a Razor component
11:49 Error boundaries
15:05 How to use Blazor in .NET 6

#blazor #dotnet6 #visualstudio2022