.NET 8 Blazor: Render Modes + Demo App Download

Подписаться 100 тыс.

Просмотров 14 тыс.

50% 1

What are render modes in Blazor? When should you use them? We built an app you can download and see how each render mode works.
Link to GitHub repo:
github.com/CoderFoundry/Blazo...
-------------------------------------------------------------------------------------------------------
👨‍🏫 Self-Paced .NET Bootcamp Course (Includes FREE courses)
learn.coderfoundry.com/
🙌 Support the channel and become a channel member
/ @coderfoundry
📖 Buy the Book: Breaking the Code
geni.us/breakingthecode-davis
👕 Grab some CF merch
teespring.com/stores/coderfou...
🗣 Join us on Discord
/ discord
👓 Buy the blue-light blocking glasses we use at CF. Pixel Eyewear Glasses ($5 off with coupon code CODERFOUNDRY)
www.pixeleyewear.com/?ref=jsF...
💻 How to get your first coding job
coderfoundry.com/jobroadmap
🎥 The equipment we use at Coder Foundry
kit.co/CoderFoundry
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, we’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for your support!

Опубликовано:

4 сен 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@betterlifeexe4378 10 месяцев назад

My wife is starting to learn C# and HTML at the same time, and i've already got her making a blazor shopping cart. It's really amazing how much you can accomplish with go tutorial and a good framework like blazor.

@CoderFoundry 10 месяцев назад

That is awesome!

@DarkOutsideNow 6 месяцев назад

Amazing video. As a new coder, I'm making a professional web app by myself. I understand the different modes better, their limitation, and how Auto places it's role in Blazor. The video covers the render modes , understanding the communication per rendermode, and helpful visuals. I am so excited that I found your video. Its what I needed.

@nickmillerable Месяц назад

This is a great idea for a sample app, great job.

@CoderFoundry Месяц назад

Glad you think so!

@MrFEMGM 8 месяцев назад

Very useful video and example, thanks a lot. Blazor is really an excellent choice for many cases.

@CoderFoundry 8 месяцев назад

Glad it was helpful!

@emcwealth 8 месяцев назад

i've been using blazor professionally since .NET Core 3.1.... ever since I first saw it, I knew in my gut that this was going to be the future for web development (i've been writing software for 25+ years)... it was that good back then... and now it's pretty phenomenal...!

@CoderFoundry 8 месяцев назад

Yes it is great.

@mohammadmz1058 10 месяцев назад

Excellent video, very good explanation.

@CoderFoundry 10 месяцев назад

Glad it was helpful!

@tk5782 20 часов назад

Thank you for a good explanation of the differences. Just one question about the code, why do you separate the client and server code in separate projects when they could live in one? Afterall, it's not likely that you're going to replace one or the other with something different so what's the benefit of this separation of concerns?

@coderbdev 11 месяцев назад

Very helpful. Thanks :)

@CoderFoundry 11 месяцев назад

Glad we helped. We will make more.

@adnerb4307 17 дней назад

Awesome video, thanks!!! Suppose you have a huge web application and you want to use Auto Render Mode, can you do or leverage lazy loading? If yes, can you share some video and codes for this one? Thanks

@FearGod123 8 месяцев назад

Thank you very much !

@CoderFoundry 8 месяцев назад

You are welcome!

@richardc215 7 месяцев назад

Good stuff.

@CoderFoundry 7 месяцев назад

Thanks!

@kvelez 7 месяцев назад

Cool

@CoderFoundry 7 месяцев назад

Thanks

@waleedbensumaidea3947 7 месяцев назад

Thank you so much. I'm learning Blazor for the first time on NET 8. I start working on enterprise application using blazor net8, but I got confused by those render modes. Like which render mode should i choose for each page in my project. Also because there is two projects Server and Client. Here comes new questions about pages location. Where should i put my pages. Because there is two folders called Pages in Both Server project and client Project. 😂 Sorry, but i feel like i lost in Blazor. And if i put most my pages in client project but i let their render mode to interactiveServer Does that mean no matter where pages are located, the important thing is render mode

@CoderFoundry 7 месяцев назад

You need client and server projects. We are releasing a course soon that will help.

@maacpiash 11 месяцев назад

Can we do AOT build for auto mode, i.e. initialize with SSR, then download WASM files (instead of DLL files and the Mono runtime) in the background?

@CoderFoundry 11 месяцев назад

So auto mode will run the component first with SignalR. The reason that it does not use SSR is because interactivity has to be coded with js. SignalR and Wasm will use identical code base. The only difference is the render mode attribute. With Auto mode the component first runs with SignalR then in the background the files needed for WASM are downloaded.

9 месяцев назад

@@CoderFoundryIs there an automatic hand-off between server and wasm versions when the files are ready? Or is the component stuck on server mode until navigation/refresh?

@sammynava5357 7 месяцев назад

When testing the SSR - Stream page on my development PC (after uncommenting the delay), I noticed that the "placeholder effect" only works when using Kestral to run the solution. If I use IIS Express, the page does not load at all until the delay is over. Is that expected behavior?

@CoderFoundry 7 месяцев назад

I just tried it and that seems to be the case. In production, it works as expected.

@enriquesneffels3053 10 месяцев назад

Hello, @CoderFoundry ! Do you have any plans to update your self-paced bootcamp online to .net 8 and the latest version of C#, and Blazor? I saw the course, but it looks outdated. It doesn't have Blazor, and it shows .Net 6. I would like to learn C# and Xamarin with you, sir.

@CoderFoundry 10 месяцев назад

We have a .net 7 blazor course that builds an app called ai chef. It uses blazor wasm, c# web api, and the open ai api. The very latest production version of .net. .Net 6 mvc is still relevant. There are no real changes to mvc under .net7. So we kept it the same. .Net 8 has not been released yet. It's still in preview. We will create new .net 8 content in early 2024. Since .net 8 will not be released until November 2023. We have to wait until it's ready before we can record new content. I hope that helps.

@enriquesneffels3053 10 месяцев назад

@@CoderFoundry thanks so much for clarifying. I

@ProDevelopmentPK 9 месяцев назад

What If entire Application is Server Side Interactive but I want to make one Component like Login a Static Server. As it doesn't have any attribute how can I do this ?

@CoderFoundry 9 месяцев назад

Yes. Login would be interactive. But you could for example have a static home page. That is just html and links. The sample actually does this out of the box. So you can mix any of the render modes.

@tjf7101 11 месяцев назад

Possibly dumb Q. This is something the September cohort will be building?

@CoderFoundry 11 месяцев назад

No it's in github as a public repo

@Sladeofdark 11 месяцев назад

Does WASM have the same problems as Silverlight?

@CoderFoundry 11 месяцев назад

Silverlight was a plug-in technology. So they are not the same in any way. The reason silverlight was deprecated along with flash was plugins were removed by the browser venders. Wasm is an approved language for all browsers. Its a standard the same as javascript is. We build wasm apps with all api endpionts, CSS and html. Wasm sits in the middle and updates the dom so we don't have write dom update code in js. We will build apps in a modern stack and it is part of the specification for browsers. It is going to be fantastic.

@mouradaissani8957 11 месяцев назад

not the same at all

@ericblankenburg 11 месяцев назад

Blazor is not a plugin. It uses web assembly, which is a standard part of all modern browsers.

@dawiemos 9 месяцев назад

I keep on getting this error: Severity Code Description Project File Line Suppression State Details Error CS1061 'IRazorComponentsBuilder' does not contain a definition for 'AddServerComponents' and no accessible extension method 'AddServerComponents' accepting a first argument of type 'IRazorComponentsBuilder' could be found (are you missing a using directive or an assembly reference?) Server C:\Users\XXXX\source epos\EmboBlazorRenderModes\Server\Program.cs 9 Active

@CoderFoundry 9 месяцев назад

This built with rc1 and rc2 has been released. We have a rc2 branch on github

@dawiemos 9 месяцев назад

Thank you for the video and the reply@@CoderFoundry

@Blr046 8 месяцев назад

@attribute [RenderModeServer] is giving compile error in MovieListSignalR.razor Error (active) CS0246 The type or namespace name 'RenderModeServerAttribute' could not be found (are you missing a using directive or an assembly reference?)

@CoderFoundry 8 месяцев назад

This changed with rc2 to @attribute [RenderModeInteractiveServer]

@Blr046 8 месяцев назад

@@CoderFoundry Thanks a lot. I liked the LIVE Coding video to keep the razor files clean. Could you please demonstrate the API project as well for this series along with a basic CRUD operations?

@CoderFoundry 8 месяцев назад

We will do more coding focused videos. We also have a new course coming out in Jan 2024 that will cover everything.

@ProDevelopmentPK 8 месяцев назад

Using .NET8 RC2 I created a Blazor Server App with Global Interactivity and with Identity Authentication, then I added MudBlazor to Make it look better and Layout worked but not the Interactivity until I set it up in App > Routes and If I do that then Identity's Login component stops working. This is a total mess there is no documentation on how to solve this, Without Interactivity I can't validate Register/Login Components and Can't show Snackbar Message or Check Boxes. I think you should make your next video playing with Authentication and Interactivity with Blazor Server App.

@CoderFoundry 8 месяцев назад

We are doing a live coding session Monday but authentication is not this code along. We are building the course now that does include auth.

@ProDevelopmentPK 8 месяцев назад

@@CoderFoundry Looking forward to that Session and course. There is also CustomAuthenticationState thing in Blazor may be include that as well in your course. So, we don't use Identity stuff at all (Its Tables and Code First thing)

@CoderFoundry 8 месяцев назад

The course will cover indentity in detail. And it will also build a visual studio template, so instead of using the web app as a starting you start with web app plus db and indentity. Makes it easy to start new projects.

@CoderFoundry 8 месяцев назад

At the time I'm writing this, you can not use global interactivity with identity. But this is a good thing it makes these pages really fast.

@AmirImam-ir5gb 10 месяцев назад

Blazor is the best front end framework, but it is not popular here in the middle east (Egypt for example). I think we need some support to replace flutter with Blazor