Is Blazor Better than Angular?

hi and welcome everyone I'm Gavin law so the kings of the JavaScript Spa web Technologies are no doubt react and angular but in this video we are asking the question is Blazer better than angular we've already compared react to Blazer in a previous video you can check out that video at this location and in this video we are comparing Blazer to angular we'll get to Blazer shortly but let's first start start with a quick experiment let's share it for react let's hear it for angular okay okay so that's a bit of an exaggeration but it's clear that react has become far more popular than angular but just because react is far more popular than angular doesn't necessarily mean that react is better than angular but that is a topic for another video in this video we want to explore whether Blazer is better than angular let's start with an overview of angular and then we'll recap our knowledge of Blazer and then we'll progress to the part where we'll compare Blazer to angular angular is a front-end JavaScript framework developed by Google it was first released in 2016 a precursor to angular was a technology known as angularjs which was also a free open Source JavaScript based web framework for developing single page applications and was also developed by Google angularjs was released in 2010 it is important to note that angularjs has been discontinued in this video we are focused on the spa or single page application web framework known as angular which as discussed was released in 2016 and we are not concerned with angularjs which is a discontinued Spa web framework that preceded angular angular is a platform and a framework where typescript and HTML are used for the creation of angular components which are the fundamental building blocks of angular applications typescript can be described as a superet of JavaScript which means it provides all the features and functionalities of JavaScript with some added features the main reason for javascript's existence is to provide static typing to JavaScript JavaScript is a dynamically typed language so one of the main benefits of typescript is for example to allow for robust client side code to be developed before it is compiled or transpiled in this case and deployed into production this robustness is ensured because through the use of typescript all type related issues can be flagged and dealt with at compile time before the code is released into production typescript first appeared on the 1st of October 2012 and was developed by Microsoft an interesting fact is that Anders hburg a prominent Danish software engineer was a co-creator of typescript if you've seen any of my top 10 reasons to learn c videos you'll know that Anders hburg was the leader of the team at Microsoft that developed c c of course is not for being a statically typed programming language so it is important to note that typescript code cannot be understood directly by the browser so it must be transpiled into JavaScript before it is released into production transpiling can be described as the process of appropriately converting source code written in one language to the source code of another language so in angular the typescript code is first transpiled into appropriate JavaScript code before it is released into production angular is in fact written in typescript every angular application has at least one component the root component that connects a component hierarchy with the page document object model Dom each component defines a class that contains application data and logic and is associated with a HTML template that defines a view to be displayed in a Target environment so angular is a popular component-based front-end Spa web development framework that allows developers to create sophisticated responsive and complex front ends for the web Blazer is a free open-source web framework and enables developers to use C and HTML to create component-based uis for the web it is being developed by Microsoft and was first released in 2018 at the time of creating this video net7 is the latest stable release of net with Net 7 you can leverage two technologies which are denoted by two disparate project templates namely Blazer server and Blazer web assembly these two technologies can both be used for creating super fast UI component based responsiveness on the web so user interactivity is super fast and smooth with blazer where only the part of the web page that needs to change is updated appropriately in the browser which means the entire web page does not need to be refreshed every time changes need to be made to the web page due to a user interacting with that web page this results in a super fast and smooth ux user experience the fundamental difference between Blazer server and Blazer web assembly is that with blazer web assembly the net libraries and code libraries are downloaded to the browser and run within the browser on a technology known as web assembly so the C code for a Blazer web assembly application is in effect run within the browser with blazer server the C code logic is run on the server when for example A change is made to a web page through a user interacting with that web page the change is calculated on the server and pushed down to the browser via a signal R connection the appropriate change is then updated within the user's browser without the need for the entire web page to be refreshed so Blazer server a persistent signal R connection is maintained between client and server and the C code logic runs on the server with blazer web assembly the relevant runtime dlls and code dlls written in C are downloaded to the browser and run within the browser on a technology known as web assembly with the release of net 8 due to be released this month November 2023 service side rendering or SSR will be available for Blazer application this will mean that Blazer applications through service side rendering can benefit from super fast initial load times and better SEO search engine optimization note that static website generation will not be released with doet 8 but Microsoft intends to make this functionality available in subsequent releases of net with the release of net 8 Blazer web assembly components Blazer server components and server side rendering or SSR can be leveraged from within one project so the developer no longer needs to choose between Blazer web assembly and Blazer server project types one project template type namely Blazer web app where all Blazer features can be leveraged from within one project derived from this new project template shipped with net 8 so in my opinion with the release of net 8 Blazer is becoming a highly competitive web framework similarities between Blazer and angular they are both open-source free Spar single page application development Frameworks designed to create highly responsive uis on the web with the release of net 8 Blazer includes the ability for web pages to be service side rendered SSR which means initial load times of web pages will be faster than if they were client side rendered SSR also means better SEO search engine optimization so both Blazer and angular support SSR server side rendering and CSR client side rendering both Blazer and angular can take advantage of statically typed languages in the case of Blazer C is leveraged for this purpose and in the case of angular typescript is leveraged for this purpose both Blazer and angular use a component based architecture for the structuring and design of UI for web applications both Blazer and angular can be used to create native crossplatform for mobile and desktop applications from a single code base so both these Technologies can be used to Target web mobile web iOS angular Mac OS windows and Linux platforms angular can use for example electron to create crossplatform desktop applications and ionic for the development of crossplatform mobile applications Blazer can use Blazer hybrid and net Maui for the development of crossplatform mobile and crossplatform from desktop applications where a single code base can be used to Target web mobile web iOS Android Mac OS windows and Linux platforms both Blazer and angular can use scoped CSS stylesheets where a specific stylesheet only applies to a specific component both Frameworks support pwas pwa stands for Progressive web application a progressive web app pwa can be described as an app that's built using web platform Technologies but provides a user experience like that of a platform specific app differences between Blazer and angular so let's look at some of the main differences between Blazer and angular the most obvious difference is that Blazer is C and net based whereas angular is typescript based Blazer uses razor files that are a mix between C and HTML for the expression of self-contained UI components angular uses typescript and HTML templates for the expression of self-contained UI components in angular typescript is used for the implementation of code logic and in Blazer C is used for the implementation of code logic with blazer full stack applications can be written using one technology whereas with angular only the front end can be implemented using angular in a full stack application where angular is used a different technology to implement backend functionality must be used for example net and C can be used to implement the backend functionality for an angular full stack application or nodejs and JavaScript may be used for this purpose in a Blazer full stack application C and net can be leveraged for both front end and backend functionality this is actually a huge advantage that Blazer has over angular and react learning angular in general comes with a steeper learning curve when compared to learning Blazer if you are already familiar with c and net and not as familiar with JavaScript Frameworks or typescript Blazer will certainly be easier to learn than angular many design patterns are used in the overall architecture of angular for example the MVC design pattern the MVC design pattern facilitates the separation of the view layer from the code logic layer which may suit certain developers who are familiar with this design pattern one advantage of the MVC design pattern is that it can facilitate better testing of code logic so a clear separation of concerns is established through the MVC design pattern angular has a large community and extensive free open-source resources available that angular developers can easily integrate into their angular applications to provide Rich UI functionality Blazers community and free open- source resources are growing steadily but I think in general the angular ecosystem is is far larger examples of great free UI resources available for Blazer developers are as follows Blazer eyes raden mud Blazer matte Blazer Microsoft fluent UI Blazer components Blazer strap and design Blazer examples of great free UI resources available for angular developers include angular material Varden nebula NG bootstrap Prime Ng angular Google Maps ngx translate angular Fire 2 ng2 file upload so which of these Technologies do we chooseing me a so if you're already heavily invested in net and c and are not familiar with angular at all Blazer is The Logical choice if you are not so familiar with net and C but are familiar with JavaScript and typescript perhaps angular is a good choice although even even if you familiar with a technology like for example react and not yet familiar with angular angular still arguably will present you with a steep learning curve this is because the architecture regarding the way react components are implemented is very different to the way angular components are implemented if your requirement is to develop a full stack application where it is deemed better to use one technology to develop both the front end and backend functionality Blazer is the Clear Choice if your requirement is to integrate Your solution with the broader net ecosystem Blazer is the Clear Choice if salary is your criteria you can simply research what salaries companies in and around the area in which you live pay Blazer and angular developers perhaps you just prefer the look and feel of one technology over the other so is one techn ology better than the other as is usually the case When comparing two great Technologies the answer isn't always clear one has to look at one's own personal context and weigh up the pros and cons of the two technologies in question in this video I've discussed what I think are the main points of comparison between Blazer and angular if you feel that I've left out some important points please let me know what they are in the comments section please also let me know which of these Technologies you prefer and why I think that will be a great discussion I hope you enjoyed this video If you like this video please hit the like button and please consider subscribing please also ring the bell so that you'll be notified of future content please feel free to share this video with anyone you feel May benefit from its content if you'd like to thank me by buying me a coffee you can do this through my buy me a coffee web page at this URL it of course will be greatly appreciated I love reading your comments so please feel free to engage with me in the comments section I've recently joined X formerly Twitter so it would be great if you'd follow me on X my username is @gavin lond digital I hope to see you soon thank you and take [Music] care

Channel: Gavin Lon

Views: 7,953

Keywords:

Id: rJDlSYbIL4U

Length: 15min 56sec (956 seconds)

Published: Tue Nov 14 2023