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
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
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?
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?
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.
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?
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.
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)?
Even if there is no Enhance in the form example, there is no full page refresh and it shows validation messages like SPA. I tried the same example but it does full page refresh for me, why? I did exactly the same example. It does not refresh only when I put Enhance, but in the example in this video, it does not do a full page refresh even without Enhance.
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.
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 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.
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.
@@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..
Hello. I'm a .Net developer studying Blazor. I would like to know if it is possible to make a Comport (RS232) connection and send/receive commands from the client (browser) end using Blazor Webassambly.
blazor runs under wasm which is run by browser. wasm can't directly communicate with local devices but some browsers offer SerialPort web api as full support (chrome, edge), experimental(opera) or not at all(others including Safari). if your clients uses chrome or edge, you can call the web api with IJSRuntime. However, your code should make sure if client agent is one of them to avoid exception.
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.
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.
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!
I have always believe in notion of keeping UI project independent of API project. Why ,coz API are a data source for my UI project and it give me independence to just call an API instead of managing with UI project.
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! 😍😍😍
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.
Steve sandrason - Legand is back with a legendary work
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.
I can say, I love the SSR feature. Bravo the team that brought it to us
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.
Very nice improvement, thanks for the clear video introduction.
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
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 and detailed video, really appreciate the effort of making the examples.
This git me excited and im going to take a look at blazor now.
So great to see Steve again. Watching from Philippines.
The new static SSR feature just made my day. A lot less dependency maintenance 🎉.
My highlights:
17:27 data-permanent in Enhanced Navigation in SSR
20:37 SupplyParameterFromForm
22:20
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).
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
Amazing work
great tech talk!
Absolutely amazing!
It's huge update on Dotnet 8. Really exiting to upgrade my self!!
Mindblown.. awesome!
Really helpful. Thanks 💙
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?
Wish there was a way to use WebGL from C# side without JS interop.
WOW, this is getting serious... Great work! 😎
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.
This is just amazing.
game changer for web development.
great explanation but how did we do to update in real-time the css page or the js page by using 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?
Imagine a video where we build this eShop application from scratch, explaining every bit of it. Man, I would learn a lot...
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?
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.
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?
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!
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.
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
what is the version that need for do CRUD with template how it show in the video??
i have VS2022 preview updated
Wouldn't mind a look at that Calendar component, has the source been published ?
For example this is better. Thank you
I can't seem to find an end-to-end configure IIS for Blazor anywhere.
i don't see the template option when i want use CRUD. I have VS2022 preview updated
Did you say what happens when you choose "NONE" in the render mode when selecting the template? Why isn't it called SSR ?
Amazing presenter!
Let's say I want the QuickGrid to only show items, that I have created. How would I do that?
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)?
all the best people were born in the 80'ies aswell :D
Even if there is no Enhance in the form example, there is no full page refresh and it shows validation messages like SPA.
I tried the same example but it does full page refresh for me, why? I did exactly the same example.
It does not refresh only when I put Enhance, but in the example in this video, it does not do a full page refresh even without Enhance.
awesome 😊
It would be great if QuickGrid had bootstrap styling
Awesome!!!
Game changer.
Can we get a link to the sample code please?
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?
Where can I find the source code for this. I'd love to play around in it.
Awesome🙃
To me this spells the death of Razor Pages, or do they still have a seat at the table going forward?
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.
43:46.3190000 database with the schema for the uh for
46:56.1600000 schema no problem we can do that really
12:00 How to make the command line look like that?
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.
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...
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#
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.
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
Why does it say Razor CRUD, when you are highlighting it as BLAZOR Min: @45.30?
@@JethroBodine1422 thank you
Do you have a repo samples?
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..
is the source code of the examples shown available?
Is there any tutorial for to explained about eshop project?
Mind = "blown";
Brilliant work 👏
'StreamRendering' should be called 'SSRStreamRendering' IMHO, to make it clear it's part of SSR.
Amazing
This is really awesome!
What's the ide theme?
Hello. I'm a .Net developer studying Blazor.
I would like to know if it is possible to make a Comport (RS232) connection and send/receive commands from the client (browser) end using Blazor Webassambly.
blazor runs under wasm which is run by browser. wasm can't directly communicate with local devices but some browsers offer SerialPort web api as full support (chrome, edge), experimental(opera) or not at all(others including Safari).
if your clients uses chrome or edge, you can call the web api with IJSRuntime. However, your code should make sure if client agent is one of them to avoid exception.
@@okcharles7 Thank you
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.
Make audio piste in your videos because there's so many people who follow your trainning.
I can't deploy a .Net 8 web app to Azure because I'm using Telerik in another project. WTF!
How can we convert Blazor Server project to Blazor Web App
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.
Amazing work
The counter component didn't retain state whole navigating and switching modes
That was the point.
Too much sweetness in one release . Reminds of aspnet 2.0
How will you publish the new Web App template with Blazor Client and Server projects on Azure? Should you have 2 separate web apps?
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!
BLAZOR REALLY NEEDS SOME UI COMPATIBLE WITH BOOSTRAP AND JQUERY..SO MUCH TEMPLETES ON THOSE.. Now all blazors websites looks like windows 2000
Blazor enhance!
awesome!
I have always believe in notion of keeping UI project independent of API project. Why ,coz API are a data source for my UI project and it give me independence to just call an API instead of managing with UI project.
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.