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.
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!
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
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.
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.
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
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.
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).
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
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.
@@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..
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.
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?
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?
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?
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.
I would suggest learn first basic HTML and CSS for e.g. what are the html elements and how to change it appearance using css. Then learn basic C#. You are good to get started now with blazor.
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)?
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.
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.
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.
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.
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!
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.
That was impressive. I have one question. Does dotnet-aspnet-codegenerator can do the same scaffolding for Blazor CRUD? :) Also, I downloaded last version of Visual Studio to test this out. The Scaffold for Razor Components Using Entity Framework option is not present.
"The Scaffold for Razor Components Using Entity Framework option is not present." - I noticed the same. Was not able to find the solution to get the new scaffold razor component (CRUD) installed. Other other option is using razor pages (csHtml) - which kind of takes us out of the component based model approach.
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.
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
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
Man. All I can say is WOOHOO!!! Great job .Net team! You're all awesome! 😍😍😍
Steve sandrason - Legand is back with a legendary work
This video has made me genuinely excited to use Blazor for the first time.
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.
The best Blazor talk. Excellent!
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.
This is a brilliant update for reducing cost and enhancing performance.
I can say, I love the SSR feature. Bravo the team that brought it to us
My highlights:
17:27 data-permanent in Enhanced Navigation in SSR
20:37 SupplyParameterFromForm
22:20
Very nice improvement, thanks for the clear video introduction.
Blazor is amazing and the new features stunning!!!
This git me excited and im going to take a look at blazor 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
"Lord, give us always this bread". I love Blazor WebAssembly, it is great that I can use it anywhere now.
This is just amazing.
The new static SSR feature just made my day. A lot less dependency maintenance 🎉.
Great and detailed video, really appreciate the effort of making the examples.
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.
great tech talk!
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?
Imagine a video where we build this eShop application from scratch, explaining every bit of it. Man, I would learn a lot...
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).
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
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.
game changer for web development.
Absolutely amazing!
It's huge update on Dotnet 8. Really exiting to upgrade my self!!
Wish there was a way to use WebGL from C# side without JS interop.
So great to see Steve again. Watching from Philippines.
For example this is better. Thank you
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 :)
Amazing work
Mindblown.. awesome!
all the best people were born in the 80'ies aswell :D
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..
Really helpful. Thanks 💙
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.
'StreamRendering' should be called 'SSRStreamRendering' IMHO, to make it clear it's part of SSR.
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?
Game changer.
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 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!
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?
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?
great explanation but how did we do to update in real-time the css page or the js page by using ssr ?
WOW, this is getting serious... Great work! 😎
Amazing presenter!
awesome 😊
It would be great if QuickGrid had bootstrap styling
Wouldn't mind a look at that Calendar component, has the source been published ?
Make audio piste in your videos because there's so many people who follow your trainning.
43:46.3190000 database with the schema for the uh for
46:56.1600000 schema no problem we can do that really
what is the version that need for do CRUD with template how it show in the video??
i have VS2022 preview updated
Too much sweetness in one release . Reminds of aspnet 2.0
Awesome!!!
Mind = "blown";
i don't see the template option when i want use CRUD. I have VS2022 preview updated
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
Awesome🙃
BLAZOR REALLY NEEDS SOME UI COMPATIBLE WITH BOOSTRAP AND JQUERY..SO MUCH TEMPLETES ON THOSE.. Now all blazors websites looks like windows 2000
Where can I find the source code for this. I'd love to play around in it.
To me this spells the death of Razor Pages, or do they still have a seat at the table going forward?
Let's say I want the QuickGrid to only show items, that I have created. How would I do that?
Did you say what happens when you choose "NONE" in the render mode when selecting the template? Why isn't it called SSR ?
is the source code of the examples shown available?
What languages should I learn first before going to learn Blazor? Some good advices or tips for newbies? I know a little of Javascript, React.
Well, i'd start with C# since that's what this demo and Blazor uses.
c#
I would suggest learn first basic HTML and CSS for e.g. what are the html elements and how to change it appearance using css. Then learn basic C#. You are good to get started now with blazor.
C#
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)?
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.
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...
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?
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.
How can we convert Blazor Server project to Blazor Web App
Brilliant work 👏
12:00 How to make the command line look like that?
Amazing work
Do you have a repo samples?
This is really awesome!
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.
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.
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.
Is there any tutorial for to explained about eshop project?
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!
What's the ide theme?
Russian developers are waiting for the Unified Server-side rendering :)
Amazing
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
Blazor enhance!
I can't deploy a .Net 8 web app to Azure because I'm using Telerik in another project. WTF!
Why does it say Razor CRUD, when you are highlighting it as BLAZOR Min: @45.30?
@@JethroBodine1422 thank you
I think it is time for me to drop Javascript 😂
there are many compenents made with JS, js will live forever.
How will you publish the new Web App template with Blazor Client and Server projects on Azure? Should you have 2 separate web apps?
The counter component didn't retain state whole navigating and switching modes
That was the point.
Now there are more opportunities to get confused in projects.
awesome!
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.
That was impressive. I have one question. Does dotnet-aspnet-codegenerator can do the same scaffolding for Blazor CRUD? :) Also, I downloaded last version of Visual Studio to test this out. The Scaffold for Razor Components Using Entity Framework option is not present.
"The Scaffold for Razor Components Using Entity Framework option is not present." - I noticed the same. Was not able to find the solution to get the new scaffold razor component (CRUD) installed. Other other option is using razor pages (csHtml) - which kind of takes us out of the component based model approach.
SSR IS VERY GOOD