Blazor in .NET 8 looks absolutely amazing, the Per Page/Component Server/WASM rendering flexibility & the SSR are huge additions. As someone who loves NextJS & React, this new version of Blazor makes me really excited!
great explanations. thank you. now a bit late on 2023/2024 but finally the starting point to realy start with blazor in parts. I was missing the bridge with web-apis and using plain javascript client codes. but: anyways a good explanation and overwiew of the new blazor
Can we get a working example with azure ad/b2c auth with the new template? The option is missing from vs2022 and the identity tool is broken when adding it as a connected service
One of the best tech talks I've watched. The information was presented in the best way I could imagine. Thank you for your informative frutful well structured talk and the effort behind this master piece.
I can see that for web assembly components you have to add one more project into existing to activate the client side rendering, any document show us hwo to add that project in?
If I create a project with the default Server interactive render mode, not the auto mode, but later on realize I need a web assembly for some highly interactive functionality, can I get the auto render mode simply by adding a new project to the solution and select WebAssembly for the render mode?
@@midnightloverdogwhere is it rendering slow? And please don't say at the parts where the presenter explicitly says he added delay to the network calls for demonstration purposes.
@@midnightloverdog that is not a rendering issue. You can see the text "Loading..." being displayed before the items are displayed (imho it should be a spinner animation to be more clear). That part is propably demonstrating the streaming rendering feature and it is for sure fetching those items from an external database. This is just a network delay, not "slow rendering" from the frameworks part..
1. Since the InteractiveAuto render mode switches to webassembly after the initial server render, how would I access server code like an ef core db context, since webassembly won't have access to that right? 2. To avoid having to implement entity framework and other services twice in the main project and client project, should I make a project that contains the services to share with the other projects, like a Class Library, or do I have to make an api project? Is there a demo for this or am I looking at this the wrong way and should just use ssr like in the example with the weather component?
You may want to be clear that you want to know when the Razor pages scaffolding for CRUD" is available. EF is always available for any type of projects.
Hi, I am astonished with the blazor in .net 8. What about using this new Blazor Web app with the Micro Front-Ends pattern? Do you have a guide for this? How to maximize lazy loading as well?
How can the eShop site use streaming SSR, when the user clicks on a client-side Button and the HTTP connection is not kept open (as visible in the Browser windows)?
Still no Form Builder like Angular, Why do we always have to have a C# Model in order to create a Form with 2 way binding? I think Blazor is not for Dynamic Web Forms or Grids (Editable).
@@midnightloverdogNot necessarily, We can generate dynamic Forms with HTML5 Control using JSinterop. It is just no Blazor UI library is providing this out of the box. But yes Blazor should support something like Angular's Form Builder that's a very useful thing.
Static air generation would be great if it could provide a way to convert it work with existing templates, like from Hugo or Jekyll, or at least had a templating framework and a couple examples.
@@SaifAqqad that's a string concatination/replacement language you can use to make templates. I'm talking about a framework for themes and website page templates that contains CSS and layout abstractions that can be snapped in to other sites.
Is there any way to tell, programmatically, if the current code block is being run within the browser, or on the server? I am building a Credit Card input form, and the credit card data must NEVER touch our server. Instead, credit card data is validated, and authorise though a payment gateway API, and a GUID is returned as an access token that can be used to actuate transactions. I need to ensure that the method that calls the API is only ever used via WebAssembly on the client, and returns early, with a critical log entry if the code block is ever run on the server.
Ya just set your Component to WebAssembly rendering only. When your payment gateway API returns the response on the client, be sure to only send the access token to your server.
I tried running eShop on MacOS M1 ... what a nightmare.... vs code nor Rider works... cross platfom my ass ... gave up on this... but great talk, very informative!
Like anything else, WebForms had advantages & disadvantages! This is a more modern way to do things, with a much superior .net core foundation! While I'm not a fan of Razor, I can live with it for some things.
@@MarkoMijuskovic ive used dotnet for 20 years mate microsoft slowed down their own pace am well used to microsoft rolling something then ditched like they did with winforms ten years ago
34:20 - What would be *really* awesome, is if Auto render mode used server interactivity mode at start, while the web assembly is being downloaded, and when that is ready, it spins it up and it takes over and the server connection is closed. I don't know how much server resources are being used in server mode, but if it only has to be active for a few seconds instead of however long the user is on the page the first time, it has to be better, right?
@@onman999 I think that's where the confusion is. For web assembly to kick-in, does the user have to do a full page refresh? If that's the case, and most of the web app is fully interactive (i.e. SPA-like), then the user might not "refresh" the browser for quite some time thus keeping the load on the server. I'd be interested to see how others get around this (if it is this way).
I thought this was a great presentation. Daniel has such a positive attitude, and the content is very in-depth. You can tell he really enjoys what he does.
Same! Used it for a few internal tools on a project I was on and it was fine but would never consider it towards something end user facing. This .net 8 update they brought seems absolutely fantastic and I'm excited to try it out again and perhaps launch something with it. Wish I didn't miss this during the conf, but glad someone mentioned it now
Hello MS Team, I started migration a MVC WebApp to Blazor SSR, but still to clear to me how to interact with JavaScript when enhanced navigation is on. I read some documentation which talks about RCL but it's like kind of confuse to me. For now I just trying to call a simple javascript function in a per page @section Scripts which is not available in Blazor as I can see, and I can't get it working :( just need to intercept some events and change html state base on that. Please someone guide me on that.
This is very good improvement for the Blazor ecosystem. If auto rendering is enabled, could it be nice to have a shared project for those components? May be developer can decide later to change rendering mode to server only. In that case you will be force to drag entire component back to server side project.
Immediately you have few platforms that can do very same website. Can do it faster, but you required to know specific workflow how it's done with this framework, which makes switching platforms harder and you aren't offered with continuous work with this framework. Only thing you are asked is to browse that software playlist to find few trusted local certificate sources.
This is really most awaited tech. Cost saving and time saving. Javascript based techs tried hard but full burdened on pocket. For a single functionality you need two developer + UI ux ka banda. Explaining functionality to three and all three take it different angles. Their coordination time ultimately costing a lot. Blazor is not just a tech but a solution to business.
We have a blazor application, but its giving lot of us headache to us because signalr is very costly post deployment. As per my understanding with this new improvement now in .Net 8, hopefully it will improve but without this signalr I don't think it will work. So, still will cost money separately if we use blazor sever and webassembly only will increase the load time and with both it will cost for signalr and then it will load everything into client side which will consume more space. So, It's a improvement in .Net 8 but still costly regards to deployment and needs improvement. Any suggestions/comments related to this is very helpful.
Hello there, thanks at lot for all your content they are really great and helpful. I have a question. I created a application but instead of choosing https I selected http. Now the StreamRendering does not work on http but it does on https. Do you know how to make it work on http? Thanks for your help in advance.
@Daniel Roth @Steve Sanderson @dotnet @microsoft : please post a link to the source code used in this video so that interested people can also experiment and gain hands-on experience with it !!!
Blazor in .NET 8 looks absolutely amazing, the Per Page/Component Server/WASM rendering flexibility & the SSR are huge additions.
As someone who loves NextJS & React, this new version of Blazor makes me really excited!
I think exactly the same
Man. All I can say is WOOHOO!!! Great job .Net team! You're all awesome! 😍😍😍
This video has made me genuinely excited to use Blazor for the first time.
This is a brilliant update for reducing cost and enhancing performance.
great tech talk!
Blazor is amazing and the new features stunning!!!
"Lord, give us always this bread". I love Blazor WebAssembly, it is great that I can use it anywhere now.
great explanations. thank you. now a bit late on 2023/2024 but finally the starting point to realy start with blazor in parts.
I was missing the bridge with web-apis and using plain javascript client codes.
but: anyways a good explanation and overwiew of the new blazor
The new static SSR feature just made my day. A lot less dependency maintenance 🎉.
Thank you for the quick look, i made some Blazor app with net core 6. I become loot toons of feature, i want to upgrade to 8.0 :)
Can we get a working example with azure ad/b2c auth with the new template? The option is missing from vs2022 and the identity tool is broken when adding it as a connected service
One of the best tech talks I've watched. The information was presented in the best way I could imagine. Thank you for your informative frutful well structured talk and the effort behind this master piece.
Can we get a link to the source code of this presentation? Would like to test the calendar example myself.
Asking too
source code would sure be helpful
The code would be much apprieciated
i second this
anyone got yet?
My highlights:
17:27 data-permanent in Enhanced Navigation in SSR
20:37 SupplyParameterFromForm
22:20
Imagine a video where we build this eShop application from scratch, explaining every bit of it. Man, I would learn a lot...
WOW, this is getting serious... Great work! 😎
awesome 😊
It would be great if QuickGrid had bootstrap styling
I can see that for web assembly components you have to add one more project into existing to activate the client side rendering, any document show us hwo to add that project in?
If I create a project with the default Server interactive render mode, not the auto mode, but later on realize I need a web assembly for some highly interactive functionality, can I get the auto render mode simply by adding a new project to the solution and select WebAssembly for the render mode?
Not to brag, but this .NET 8 powered Blazor makes React look like HTML5
i was thinking the same thing 😅
Just a myth... See he is running in local host yet rendering is slow
@@midnightloverdogwhere is it rendering slow? And please don't say at the parts where the presenter explicitly says he added delay to the network calls for demonstration purposes.
@@diegoronkkomaki6858 @6.30 I dont know why it taking loading while other frameworks instancly dispaly (unless he getting from outside the localhost).
@@midnightloverdog that is not a rendering issue. You can see the text "Loading..." being displayed before the items are displayed (imho it should be a spinner animation to be more clear). That part is propably demonstrating the streaming rendering feature and it is for sure fetching those items from an external database. This is just a network delay, not "slow rendering" from the frameworks part..
1. Since the InteractiveAuto render mode switches to webassembly after the initial server render, how would I access server code like an ef core db context, since webassembly won't have access to that right?
2. To avoid having to implement entity framework and other services twice in the main project and client project, should I make a project that contains the services to share with the other projects, like a Class Library, or do I have to make an api project?
Is there a demo for this or am I looking at this the wrong way and should just use ssr like in the example with the weather component?
i don't see the template option when i want use CRUD. I have VS2022 preview updated
Wouldn't mind a look at that Calendar component, has the source been published ?
Can we get a link to the sample code please?
Razor Components using Entity Framework (CRUD) is only in the Preview available - when will it be released?
I have the same question
Real
You may want to be clear that you want to know when the Razor pages scaffolding for CRUD" is available.
EF is always available for any type of projects.
It is available now btw
Hi,
I am astonished with the blazor in .net 8. What about using this new Blazor Web app with the Micro Front-Ends pattern? Do you have a guide for this? How to maximize lazy loading as well?
How can the eShop site use streaming SSR, when the user clicks on a client-side Button and the HTTP connection is not kept open (as visible in the Browser windows)?
Let's say I want the QuickGrid to only show items, that I have created. How would I do that?
is the source code of the examples shown available?
I upgraded my Blazor Server app from .Net 7 to .Net 8 but cannot get my UI project to see the QuickGrid component. Any suggestions?
I wonder if someday Blazor will be in demand among software companies. If not, hopefully employees will present it to the higher-ups and adopt.
What's the ide theme?
Still no Form Builder like Angular, Why do we always have to have a C# Model in order to create a Form with 2 way binding? I think Blazor is not for Dynamic Web Forms or Grids (Editable).
Yes if you want very dynamic form creation you should be go for angular or react.
@@midnightloverdogNot necessarily, We can generate dynamic Forms with HTML5 Control using JSinterop.
It is just no Blazor UI library is providing this out of the box.
But yes Blazor should support something like Angular's Form Builder that's a very useful thing.
12:00 How to make the command line look like that?
Brilliant work 👏
How can we convert Blazor Server project to Blazor Web App
Is there any tutorial for to explained about eshop project?
Amazing work
Static air generation would be great if it could provide a way to convert it work with existing templates, like from Hugo or Jekyll, or at least had a templating framework and a couple examples.
Blazor already has a templating framework (razor)
@@SaifAqqad that's a string concatination/replacement language you can use to make templates. I'm talking about a framework for themes and website page templates that contains CSS and layout abstractions that can be snapped in to other sites.
Amazing
BLAZOR REALLY NEEDS SOME UI COMPATIBLE WITH BOOSTRAP AND JQUERY..SO MUCH TEMPLETES ON THOSE.. Now all blazors websites looks like windows 2000
Is there any way to tell, programmatically, if the current code block is being run within the browser, or on the server?
I am building a Credit Card input form, and the credit card data must NEVER touch our server. Instead, credit card data is validated, and authorise though a payment gateway API, and a GUID is returned as an access token that can be used to actuate transactions. I need to ensure that the method that calls the API is only ever used via WebAssembly on the client, and returns early, with a critical log entry if the code block is ever run on the server.
Ya just set your Component to WebAssembly rendering only. When your payment gateway API returns the response on the client, be sure to only send the access token to your server.
I tried running eShop on MacOS M1 ... what a nightmare.... vs code nor Rider works... cross platfom my ass ... gave up on this... but great talk, very informative!
The counter component didn't retain state whole navigating and switching modes
That was the point.
Blazor enhance!
I think it is time for me to drop Javascript 😂
there are many compenents made with JS, js will live forever.
Russian developers are waiting for the Unified Server-side rendering :)
is there any tutorial on Js-based webApp?
javascript react&angular 💪
it has so many rules & limitations out of the box! I'm really disappointed. and stream rendering? really? who chooses these names?
Blazor is pretty great. This video was not.
this is webforms 2023 seems we gone to the way back machine for things rhat should just work
Webforms was way ahead of its time.
Why do people always invoke web forms when they have nothing useful to contribute...?
Like anything else, WebForms had advantages & disadvantages!
This is a more modern way to do things, with a much superior .net core foundation!
While I'm not a fan of Razor, I can live with it for some things.
@@MarkoMijuskovic ive used dotnet for 20 years mate microsoft slowed down their own pace am well used to microsoft rolling something then ditched like they did with winforms ten years ago
Yeah, it reminded me WebForms too. But this is definitely the 2023 enhanced edition. Adds great power but adds more potential complexity.
A lot of talking = waste of time because my program does not run as interactive as it was before the f... upgrade
Wish there was a way to use WebGL from C# side without JS interop.
34:20 - What would be *really* awesome, is if Auto render mode used server interactivity mode at start, while the web assembly is being downloaded, and when that is ready, it spins it up and it takes over and the server connection is closed. I don't know how much server resources are being used in server mode, but if it only has to be active for a few seconds instead of however long the user is on the page the first time, it has to be better, right?
Isn't this what the Auto render mode does? See at 33:00
@@onman999 I think that's where the confusion is. For web assembly to kick-in, does the user have to do a full page refresh? If that's the case, and most of the web app is fully interactive (i.e. SPA-like), then the user might not "refresh" the browser for quite some time thus keeping the load on the server. I'd be interested to see how others get around this (if it is this way).
Steve sandrason - Legand is back with a legendary work
How in the world will I find the time to learn all this? I know it's a me problem. Its just one way of saying how much I welcome all the new bits.
20 minutes a day for the rest of your life... or at least until we're replaced by robots!
I can say, I love the SSR feature. Bravo the team that brought it to us
Make audio piste in your videos because there's so many people who follow your trainning.
I thought this was a great presentation. Daniel has such a positive attitude, and the content is very in-depth. You can tell he really enjoys what he does.
'StreamRendering' should be called 'SSRStreamRendering' IMHO, to make it clear it's part of SSR.
Absolutely incredible. Haven't used Blazor since 2022 and I can't wait to start my new project with all these new features with .net 8 next month!
Same! Used it for a few internal tools on a project I was on and it was fine but would never consider it towards something end user facing.
This .net 8 update they brought seems absolutely fantastic and I'm excited to try it out again and perhaps launch something with it. Wish I didn't miss this during the conf, but glad someone mentioned it now
Now there are more opportunities to get confused in projects.
To me this spells the death of Razor Pages, or do they still have a seat at the table going forward?
Where can I find the source code for this. I'd love to play around in it.
Very nice improvement, thanks for the clear video introduction.
what is the version that need for do CRUD with template how it show in the video??
i have VS2022 preview updated
Hello MS Team, I started migration a MVC WebApp to Blazor SSR, but still to clear to me how to interact with JavaScript when enhanced navigation is on. I read some documentation which talks about RCL but it's like kind of confuse to me. For now I just trying to call a simple javascript function in a per page @section Scripts which is not available in Blazor as I can see, and I can't get it working :( just need to intercept some events and change html state base on that.
Please someone guide me on that.
great explanation but how did we do to update in real-time the css page or the js page by using ssr ?
It's huge update on Dotnet 8. Really exiting to upgrade my self!!
Mind = "blown";
Does Blazor in .NET 8 support tailwind css ?
Yes it does
@@saurabhumadikar2345 Great, so we don't have to use 'watch' to rebuild the CSS?
I'm using it in a .net 8 project. Works great
looks terrible
This is very good improvement for the Blazor ecosystem. If auto rendering is enabled, could it be nice to have a shared project for those components? May be developer can decide later to change rendering mode to server only. In that case you will be force to drag entire component back to server side project.
Immediately you have few platforms that can do very same website. Can do it faster, but you required to know specific workflow how it's done with this framework, which makes switching platforms harder and you aren't offered with continuous work with this framework. Only thing you are asked is to browse that software playlist to find few trusted local certificate sources.
This is really most awaited tech. Cost saving and time saving.
Javascript based techs tried hard but full burdened on pocket. For a single functionality you need two developer + UI ux ka banda. Explaining functionality to three and all three take it different angles. Their coordination time ultimately costing a lot.
Blazor is not just a tech but a solution to business.
We have a blazor application, but its giving lot of us headache to us because signalr is very costly post deployment. As per my understanding with this new improvement now in .Net 8, hopefully it will improve but without this signalr I don't think it will work. So, still will cost money separately if we use blazor sever and webassembly only will increase the load time and with both it will cost for signalr and then it will load everything into client side which will consume more space. So, It's a improvement in .Net 8 but still costly regards to deployment and needs improvement. Any suggestions/comments related to this is very helpful.
Did you say what happens when you choose "NONE" in the render mode when selecting the template? Why isn't it called SSR ?
I can't deploy a .Net 8 web app to Azure because I'm using Telerik in another project. WTF!
Seems with Quickgrid, I could finally say good-bye to my JS Data-tables...
Too much sweetness in one release . Reminds of aspnet 2.0
This git me excited and im going to take a look at blazor now.
Great and detailed video, really appreciate the effort of making the examples.
Hello there, thanks at lot for all your content they are really great and helpful. I have a question. I created a application but instead of choosing https I selected http. Now the StreamRendering does not work on http but it does on https. Do you know how to make it work on http? Thanks for your help in advance.
game changer for web development.
Really helpful. Thanks 💙
Do you have a repo samples?
So great to see Steve again. Watching from Philippines.
Why does it say Razor CRUD, when you are highlighting it as BLAZOR Min: @45.30?
@@JethroBodine1422 thank you
Amazing work
Game changer.
@Daniel Roth @Steve Sanderson @dotnet @microsoft : please post a link to the source code used in this video so that interested people can also experiment and gain hands-on experience with it !!!
SSR IS VERY GOOD
Absolutely amazing!
With SSR can I still deploy web app as static page (to netlify, githubpages etc. etc.)?
No, SSR means it runs on the server, not client...
Amazing presenter!
Mindblown.. awesome!
wow
Awesome🙃
awesome!