Ten Amazing Blazor Features You Must Know

Поділитися
Вставка
  • Опубліковано 8 чер 2024
  • 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

КОМЕНТАРІ • 23

  • @felipepassion
    @felipepassion 4 місяці тому +3

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

    • @GavinLon
      @GavinLon  4 місяці тому +2

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

  • @hammeedabdo.82
    @hammeedabdo.82 4 місяці тому

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

    • @GavinLon
      @GavinLon  4 місяці тому +3

      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.

  • @BestListTech
    @BestListTech 4 місяці тому +1

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

    • @GavinLon
      @GavinLon  4 місяці тому

      I've done one video so far on algorithms
      ua-cam.com/video/v-soEokozdg/v-deo.html
      I'd certainly like to do more videos on data structures and algorithms! :)

  • @CoolestPossibleName
    @CoolestPossibleName 4 місяці тому

    signalR uses websockets under the hood right?

    • @GavinLon
      @GavinLon  4 місяці тому +2

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

  • @hugochavez6170
    @hugochavez6170 4 місяці тому

    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
      @GavinLon  4 місяці тому +2

      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
      @larsp5109 4 місяці тому

      JQuery in 2024? Seriously?!

  • @atalayk9663
    @atalayk9663 4 місяці тому

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

    • @GavinLon
      @GavinLon  4 місяці тому +3

      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;
      ua-cam.com/video/oTvg8vWCiKk/v-deo.html

    • @evelop3625
      @evelop3625 4 місяці тому

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

    • @GavinLon
      @GavinLon  4 місяці тому +1

      @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
      @davestorm6718 4 місяці тому

      @@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
      @GavinLon  4 місяці тому +4

      @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.