Skip to content
Hallway
0:00 / 0:00

#blazor#.net8#ssr

Full stack web UI with Blazor in .NET 8 | .NET Conf 2023

dotnet

357K subscribers • 45 videos on Hallway

YouTube
  • Recommended by 4 people: 4 in engineering communities.
  • Linked in the descriptiondotnet/eshop
  • Made by the vendor. The company whose product it covers made or sponsored it.
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

217K views2 years ago4 recommendations

Web developmentVue, Svelte, Angular and othersFull-stack frameworks

This session from .NET Conf 2023 demonstrates how to build full-stack web applications using Blazor's new server-side rendering and interactive modes.

In .NET 8 you can deliver the best web app experiences entirely in Blazor using Blazor's convenient component model. You can build your entire web app in Blazor without the needed for writing JavaScript or mixing web frameworks. In this session you'll see how you can use Blazor's new server-side rendering support to power your web apps from the server for maximum performance and scalability. You'll see how you can easily add advanced capabilities like streaming rendering and enhanced navigation & form handling to further optimize the user experience. Then add rich client-side interactivity wherever it is needed using Blazor Server or Blazor WebAssembly. Chapters: Welcome Build rich interactive web UI with Blazor Build web apps faster with Blazor Full stack web UI with Blazor Blazor Server and Blazor WebAssembly recap New in .NET 8 - Static Server-side Rendering (SSR) E-shop Demo - github.com/dotnet/eshop Streaming SSR Enhanced navigation Static SSR Forms Interactive components Auto mode In summary New Blazor Web App template Demo Additional Blazor enhancements in .NET 8 Generate static HTML content with components Demo .NET WebAssembly improvements How to get started Summary of new features in .NET 8 Download .NET 8 - aka.ms/get-dotnet-8 Hack Together - aka.ms/hacktogether/dotnet Learn collection - aka.ms/learn-dotnet-8 .NET 8 Survey - aka.ms/dotnet-survey Local Events - aka.ms/dotnetconf-local-event Hero blog - aka.ms/dotnet8blog Blog: aka.ms/dotnet/blog Twitter: aka.ms/dotnet/twitter TikTok: aka.ms/dotnet/tiktok Mastodon: aka.ms/dotnet/mastodon LinkedIn: aka.ms/dotnet/linkedin Facebook: aka.ms/dotnet/facebook Docs: learn.microsoft.com/dotnet Forums: aka.ms/dotnet/forums 🙋‍♀️Q&A: aka.ms/dotnet-qa 👨‍🎓Microsoft Learn: aka.ms/learndotnet #dotnet #dotnetconf #blazor

Why it's here

4 people recommend this

What people say. Engineers point newcomers here for a clear explanation of the new Blazor render modes and SSR in .NET 8.

Moments people linked to

u/kjbetzin r/dotnet • Recommends

On “How do Blazor and ASP.NET fit together? I get the feeling it's not quite as simple as ASP.NET == backend and Blazor == frontend?”

…o -- where on first page visits the page will use Interactive Server mode. It will download the Web Assembly stuff in background, then next time it will utilize the quick Web Assembly version. You can now start a project with Blazor and then add these things as you find you need them. Either on a page or even per component. Check out this video [video This should explain the "new" way going forward on how to think about Blazor. I think one thing that Blazor gives us, is being able to think and build in components. If you're used to building things in a JavaScript framework this isn't foreign at all. With this unified model, there's no decision of having to use one thing (MVC, Razor Pa…
8View on Reddit

u/kjbetzin r/dotnet • Recommends

On “Blazor or MVC? What to consider?”

As others have mentioned, .NET brings many new features to Blazor... most notably, Blazor SSR. In case you're not up to speed on what that means here is a good overview video: [video Apologies if you already know this and this is why you're asking the question. Sometimes (often times?!) MS and .NET has trouble with naming stuff (don't we all) and it can be confusing. Also, as u/Two_Thirty_Seven said... one of the benefits of Blazor is the component first mentality. I would start the project with Blazor SSR first instead of MVC. You can get a long way with Blazor SSR, streaming data, enhanced forms, and enhanced navigation. If you need more interactivity you could consider adding JavaS…
4View on Reddit

u/spikej56in r/dotnet • Recommends

On “What's the gap between Razor Pages vs Blazor Server-Side Rendering?”

Watch this presentation from the net 8 conference link to this video
2View on Reddit

u/wikator123in r/dotnet • Recommends

On “Regarding Blazor Web App + ASP.NET Core Web API”

I’m very new to this as well, this video from .NET Conf really helped me link to this video The video explains well the new features, and the part where they show identity and EntityFramework Crud scaffold starts at around 42:30
1View on Reddit

u/Nice_Way_9661in r/dotnet • Recommends

On “I'm so confused on blazor”

Have a look at this outstanding video that covers .NET 8/Blazor. I'm confident it will answer a lot of questions you may have. [video
1View on Reddit

u/OpalescentAardvarkin r/dotnet • Mentions

On “Blazor or MVC? What to consider?”

> overview video: [video Watching this now. SSR starts at 4:00.
2View on Reddit

u/OpalescentAardvarkin r/dotnet • Mentions

On “Blazor or MVC? What to consider?”

> overview video: [video Thanks! Watching this now. SSR starts at 4:00. Ed: Must say, the presentation is a little disingenuous, saying repeatedly how "you could never do this before with traditional HTML". e.g. at 10:08, clicking menu items and loading content without reloading the whole page. Sure, technically just with HTML and no JavaScript that's true, but just a few lines of vanilla JS (no framework required) can achieve that perfectly well. Same with SSR "stream rendering" - good lord that's been available since .NET 1 by turning off **response buffering**, then the HTML is sent to the browser as soon as it's written. This is nothing new at all. Again at 16:50, states that ret…
1View on Reddit

u/Capable_Repeat_5947in r/dotnet • Mentions

On “I've created an alternative to Blazor, here is why”

In .NET 8, blazor introduced the static render mode, but it's quite limited. You can see that on this video (5:48): link to this video Blazor wasm hangs often when you need to do something that you would usually delegate to another thread in .NET, so for example fetching data from the server. JavaScript also operates on 1 thread, but it has quite sophisticated mechanism of pretending that you are doing thins asynchronously, and this prevents the UI from hanging.
1View on Reddit