Ten Amazing Blazor Features You Must Know

In this video we discuss ten Blazor features that you may not know and should know!
🕐 Video Time Indexes
-------------------------------------
00:00:00 - Introduction
00:00:25 - Signal-R Nuget Package
00:04:19 - Server-side Pre-rendering
00:06:43 - Virtualisation
00:11:01 - Lazy Loading Blazor WebAssembly Components
00:11:58 - Hot Reload
00:13:38 - AppState (application state) in Blazor
00:15:37 - Efficient Communication using gRPC-web
00:16:21 - Razor Syntax and CSS Isolation
00:18:00 - Progressive Web Apps
00:19:48 - Interactive Auto Render Mode
00:24:21 - Conclusion
Support the Channel 👍
------------------------------------
Buy me a Coffee ☕️
🔗 www.buymeacoffee.com/GavinLon
PayPal
🔗 www.paypal.com/paypalme/GavinLon
🪙 BitCoin
12JZYMiRq5YRDN5R5zuyYt7jMN8eTpkgns
Please follow me on Twitter @GavinLonDigital
Links Referenced in this video
-------------------------------------------------
00:01:24 - Syncfusion WebSite
🔗 www.syncfusion.com/
00:01:46 - Syncfusion Course on FreeCodeCamp
🔗 • Blazor Server App with...
00:03:52 - Signal-R
🔗 learn.microsoft.com/en-us/asp...
00:06:43 - Pre-rendering Microsoft Learn Web Page
🔗 learn.microsoft.com/en-us/asp...
00:07:02 - Virtualisation
🔗 learn.microsoft.com/en-us/asp...
00:07:42 - QuickGrid
🔗 aspnet.github.io/quickgridsam...
00:08:41 - Virtualisation
🔗 learn.microsoft.com/en-us/asp...
00:11:26 - Lazy Loading of Web Assembly components
🔗 learn.microsoft.com/en-us/asp...
00:12:04 - Hot reload
🔗 learn.microsoft.com/en-us/vis...
00:13:34 - Hot reload VS Code
🔗 learn.microsoft.com/en-us/asp...
00:15:22 - App State in React - Context
🔗 github.com/GavinLonDigital/Te...
00:16:10 - gRPC-web
🔗 azure.github.io/AppService/20...
00:16:49 - React JSX code for Creating Components
🔗github.com/GavinLonDigital/Te...
00:18:32 - PWA
🔗 learn.microsoft.com/en-us/asp...
00:22:24 - Auto interactive render mode
🔗 learn.microsoft.com/en-us/asp...
Full Playlist - C# for Beginners Course
------------------------------------------------------------
🔗 • Unity for Beginners (C...
Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist
🔗 • Blazor (WebAssembly) a...
Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5
🔗 • Part 1 - Overview - Le...
Full playlist - Advanced C# Course
🔗 • Introduction - Advance...
Full playlist - C# for Beginners Course
🔗 • C# for Beginners - Par...
Blazor Server App on .NET 6 Course - FreeCodeCamp
🔗 • Blazor Server App with...
🎶All Music in this Video was Created by Gavin Lon

[@felipepassion]

thanks blazor for making my life easier every single day. my sleeping nights got improved after the easy life it gave me. 😌

[@GavinLon]

Blazor definitely makes life a lot easier for us developers :) I really love how easy it is to test and debug code in Blazor!

[@BestListTech]

please make a course on data structures and algorithms in C#

[@GavinLon]

I've done one video so far on algorithms kzbin.info/www/bejne/rF7WoHiloNStmsk I'd certainly like to do more videos on data structures and algorithms! :)

[@hammeedabdo.82]

Thank you Gavin, Do you think the Blazor framework will take the lead one day? When do you expect that?

[@GavinLon]

I don't know about Blazor taking the lead if you are comparing it to some of the JavaScript based technologies. It will certainly gain in popularity and it is an excellent technology to learn. I would certainly recommend that all new .NET web applications be coded using the Blazor framework. It can pretty much do whatever MVC and Razor Pages can do and much more at this point.

[@hugochavez6170]

I was new to C# and .Net (Core 3.1) in mid 2020. I tested Blazor at work but finally decides go with Razor pages as backend templating engine and Javascript/jQuery in the frontend. Blazor was buggy and to slow. In general Razor pages were also a nightmare due to long compile time after every single change in html templates etc. In the frontend there are so many hundreds and thousands of open source libraries written in Javascript, which can be easily integrated into every webpage build with html css javascript. In the era of microservice architected application software it easier develop nice apps in the frontend with JS and with any language in the backend. I do not think Blazor would beat JS frontend frameworks.

[@GavinLon]

Thank you for your thoughtful comment :) Blazor is very different now to what it was in 2020. I personally would always consider React for the frontend, I do enjoy working with React and it does perform very well. I will always choose .NET for the backend. Blazor with .NET is very powerful, versatile (with features like for e.g. SSR, streaming rendering, and interactive auto render mode) and easy to work with and debug. It is especially great for an organisation that has predominantly C# and .NET skills. A team can develop an entire enterprise web application using .NET and C# on the frontend and backend with a minimal need for JavaScript code on the frontend. It's always a case of weighing up the pros and cons when choosing the technologies for the development of new applications. :)

[@larsp5109]

JQuery in 2024? Seriously?!

[@CoolestPossibleName]

signalR uses websockets under the hood right?

[@GavinLon]

SignalR uses WebSocket transport where available and falls back to older transports where necessary :)

[@atalayk9663]

Hey Gavin, is Blazor worth to learn? Im a jr dotnet dev btw.

[@GavinLon]

Absolutely, Blazor is the future of .NET web development :) Please check out this video I did recently that may help you with structuring your learning progression with C# and .NET; kzbin.info/www/bejne/pYXZmGusjKicgc0

[@evelop3625]

The future is not Blazor, unfortunately the present and the future will be React, Angular or any other JS based framework.​@@GavinLon

[@GavinLon]

@evelop3625 I meant specifically the future of .NET web development when compared to Razor pages or MVC. It is always important to know vanilla JavaScript and then if you know JavaScript, I recommend learning React as well.

[@davestorm6718]

@@evelop3625 I disagree. The future is webassembly and when WASM 2 comes out (100% DOM), browsers will become true VMs and javascript will not be able to compete with throughput, nor security. Unfortunately, for now, you still need javascript to load WASM code and do special graphics tricks (like using the canvas), kind of like when you needed Internet Explorer in the past to download better browsers.

[@GavinLon]

@davestorm6718 Thank you for your thoughtful comment. I certainly think web assembly has the potential to make JavaScript less dominant in the future. There are of course a vast number of web applications that depend on JavaScript out there at present so realistically I think it'll take a very long time for web assembly to have a significant impact on the use of JavaScript. I certainly agree about the performance advantage provided through web assembly. Web assembly also allows for far better languages (like of course C#) to run within the browser, so that is a huge benefit for web development in general.