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
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
@@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..
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).
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?
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.
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?
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.
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.
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 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.
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?
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.
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.
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 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. 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.
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!
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.
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
Steve sandrason - Legand is back with a legendary work
Man. All I can say is WOOHOO!!! Great job .Net team! You're all awesome! 😍😍😍
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
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 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
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.
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.
"Lord, give us always this bread". I love Blazor WebAssembly, it is great that I can use it anywhere now.
Blazor is amazing and the new features stunning!!!
The new static SSR feature just made my day. A lot less dependency maintenance 🎉.
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
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.
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 just amazing.
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?
It's huge update on Dotnet 8. Really exiting to upgrade my self!!
Amazing work
great tech talk!
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..
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.
Absolutely amazing!
Wish there was a way to use WebGL from C# side without JS interop.
Mindblown.. awesome!
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).
all the best people were born in the 80'ies aswell :D
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 :)
'StreamRendering' should be called 'SSRStreamRendering' IMHO, to make it clear it's part of SSR.
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?
Really helpful. Thanks 💙
game changer for web development.
what is the version that need for do CRUD with template how it show in the video??
i have VS2022 preview updated
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?
For example this is better. Thank you
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.
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?
i don't see the template option when i want use CRUD. I have VS2022 preview updated
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.
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.
great explanation but how did we do to update in real-time the css page or the js page by using ssr ?
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!
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)?
Wouldn't mind a look at that Calendar component, has the source been published ?
WOW, this is getting serious... Great work! 😎
Let's say I want the QuickGrid to only show items, that I have created. How would I do that?
Can we get a link to the sample code please?
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.
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?
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
Did you say what happens when you choose "NONE" in the render mode when selecting the template? Why isn't it called SSR ?
To me this spells the death of Razor Pages, or do they still have a seat at the table going forward?
awesome 😊
It would be great if QuickGrid had bootstrap styling
43:46.3190000 database with the schema for the uh for
46:56.1600000 schema no problem we can do that really
Where can I find the source code for this. I'd love to play around in it.
is the source code of the examples shown available?
Game changer.
Amazing presenter!
12:00 How to make the command line look like that?
Make audio piste in your videos because there's so many people who follow your trainning.
What's the ide theme?
Do you have a repo samples?
Awesome!!!
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 we convert Blazor Server project to Blazor Web App
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.
Too much sweetness in one release . Reminds of aspnet 2.0
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...
Mind = "blown";
Is there any tutorial for to explained about eshop project?
Awesome🙃
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.
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
I can't deploy a .Net 8 web app to Azure because I'm using Telerik in another project. WTF!
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.
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#
Why does it say Razor CRUD, when you are highlighting it as BLAZOR Min: @45.30?
@@JethroBodine1422 thank you
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
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.
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 wonder if someday Blazor will be in demand among software companies. If not, hopefully employees will present it to the higher-ups and adopt.
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!
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.
Brilliant work 👏
This is really awesome!
Now there are more opportunities to get confused in projects.
Russian developers are waiting for the Unified Server-side rendering :)
Amazing work
I think it is time for me to drop Javascript 😂
there are many compenents made with JS, js will live forever.
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.
Blazor enhance!