Blazor United will change Web Development forever 🔥 .NET 8

now first full credit goes to Steve Sanderson for the announcement of Blazer United I just want to spread the word here so what actually is Blazer United well I get so many questions about Blazer server Blazer web assembly what should you actually use and what about SEO actually how does that work with blazer now what if I told you you don't have to worry about any of this with the upcoming blazerunited in.net 8. this thing will combine plain HTML with Rich interactive sparse single page applications in only one technology or architecture let me explain in Steve's video he demonstrates new features of dotnet 8 with the Blazer you already know but change the behavior for instance with just one attribute that's pretty much it but let's dive into his video let's start with server rendered HTML here we see a recipe application with its source code plain HTML to build this thing Steve used eraser component as you know it within Blazer this also works with forms Steve uses a typical Blazer edit form component and it even works with validation after this example Steve introduces the first attribute stream rendering this means that all UI States like the loading State here can be streamed to the browser in other words your application or let's say the skeleton of your application loads faster and if we have to make an HTTP call and wait for a second to get some data the user already sees your page together with a little loading text for instance that's already a greatly improved user experience and to improve the user experience even further we have to add a little JavaScript to our page and this then will make navigation and form posts faster in Steve's example we see that we only fetch the necessary HTML and the images from the server no need for CSS or anything else because the page load is intercepted no full page refresh is necessary here please note this is still server rendered HTML not really a spa technology as Steve points out in this example now in the next example Steve finally uses single page application technology here users can add recipes to the application currently the add button won't do anything because this is not an interactive component yet to make this a Blazer server interactive component for instance we again simply add an attribute to that component here it's the render mode attribute for the ingredients list editor component and Steve sets the render mode to server in the devtools we can now see that the necessary websocket connection for Blazer server is only made when we access a page where a component with the server render mode is used Steve then shows that we can use this attribute not only for components but also for a complete page the great thing about this apart from the fact that all components now work is that the websocket connection only exists on this page and it also terminates again as soon as the user leaves this page all right now what about Blazer webassembly well just use the render mode webassembly right now everything works as before but the webassembly runtime is only dynamically started when we really need it on a certain page similar to the websocket connection before and now the best thing is you actually don't have to worry about whether you have to use Blazer webassembly or server you can let the system decide dynamically as Steve puts it he sets the render mode to Auto now we've got the instant startup of Blazer server combined with the zero latency of Blazer webassembly and this works as follows when you access a page for the first time like the recipe editor in this example you've got a Blazer server connection because you haven't got the web webassembly files cached yet but these are actually downloaded in the background this means the next time you visit this page it uses the webassembly files and does not start up a websocket connection and all that works without having to change your architecture isn't that just crazy now my two cents I just think this is incredible I highly recommend checking out Steve's video just click here on the screen to start watching and we will definitely cover this in upcoming.net Web Academy cohorts as soon as Blazer United is released

Channel: Patrick God

Views: 29,479

Keywords:

Id: YPbmlezQO0Y

Length: 4min 31sec (271 seconds)

Published: Tue Feb 07 2023