Category Archives: JavaScript Frameworks

Blazor

Blazor : Will it slay the JavaScript/SPA Frameworks?

It has been a long time since Microsoft allowed support of .NET directly on client-side. The last attempt was with Silverlight which got famous when it launched but due to lack of support from browsers and security concerns it stopped; like what happened to Adobe Flash.

……………………………………………………………………………………………………

What is BLAZOR?

Blazor is an attempt to bring .NET core to the browser directly which allows supported language like C# to run directly on the browser. Blazor allows developing Single Page Application (SPA) very quickly and by using a single language on both server and client.

Blazor allows having features similar to any other SPA framework like Routing, Template, Binding – one or two way, Rendering, etc.

The name comes by combining Browser and  MVC Razor i.e Blazor.

How does it work?

It entirely relies on WebAssembly (Wasm). Wasm was developed in 2015, to run high-level language directly on browsers. It is supported by W3C which means it is standard and could be utilized by different platform too. There are runtimes available to run C++ codes on browsers too. Since it is from W3C all latest browsers generally have the support of Wasm.

Blazor runs via Wasm but in-between there needs to be a runtime. Mono Wasm allows required .NET assemblies downloads on browser directly which runs on Mono Wasm Virtual Machine.

What are all advantages of Blazor?

  • A single roof of programming language to build client and server-side codes.
  • Wasm is generally faster than JavaScript (JS) because those are binary/compiled code. No need for parsing of scripts.
  • A typed system, a fewer scope of errors due to same. Razor, model binding, etc.
  • All sweet features of C# and .NET core: Dependency Injection (DI), delegates/events, etc.
  • Visual Studio Integrated Development Environment (IDE) to allow a rich experience to develop applications quickly with many provided inbuilt or plug-in supported features.
  • A fallback approach to enable Blazor to run if Wasm is not available to any browser.
    No issue of Garbage collection like all .NET platform, Mono Wasm supports it too.

Limitations of Blazor

  • Still is in the development phase, not recommended for production use.
  • Limited debugging support of Blazor codes since it runs on Wasm.
  • No way to access DOM elements has to rely on JavaScript for same.
  • The second biggest, there is not much components/control available in Blazor to have richer User Experience (UX). Like as simple as AutoSuggestion, we have to rely on JavaScript plugin for same.

Demo of Blazor

https://www.youtube.com/watch?v=IGj49kaYPEc
The source code used in demo: https://github.com/viku85/BlazorDemo

Conclusion and Future

Blazor is easy to use with minimal effort in comparison to any JS SPA framework available in the market. Since it is on .NET, there is less learning curve for people coming from the .NET environment.

A lot of changes and development is going on with Blazor, many refinements, performance improvements, feature add-ons but still not having a final version to use on production.
I believe with the support of controls like Kendo or inbuilt controls in Blazor, application development would be much quicker and feature rich.

We need to wait for the final release (if it happens) and a wide variety of supported controls which may kill JS Frameworks at least in the Microsoft development environment.

……………………………………………………………………………………………………

The views and opinions expressed in this article are those of the author. An avid techie, Vikash enjoys sharing his thoughts on computing and technology in his personal blog.
To know more about our company, please click on Mindfire Solutions. 

Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

What Is The Best Way To Learn AngularJS?

What Is The Best Way To Learn AngularJS
What Is The Best Way To Learn AngularJS

At present, AngularJS is being used by a number of high-traffic websites including PayPal, Netflix, The Guardian, Upwork, Freelancer and jetBlue. The open source JavaScript framework is also maintained by Google.  The features provided by AngularJS help developers to build custom web applications based on varying business requirements. AngularJS has been gaining a lot of popularity, interested readers can read on the evolution and rise of AngularJS. In addition to supporting model-view-controller (MVC) design rule, AngularJS further enables JavaScript developers to create robust user interfaces (UIs) by using HTML as a template language and extending HTML tags and attributes. Continue reading What Is The Best Way To Learn AngularJS?

Spread the love
  • 17
  • 2
  •  
  • 2
  •  
  • 2
  •  
  •  
  •  
    23
    Shares

Angular vs React: A Brief Comparison

Angular vs React: A Brief Comparison

Both AngularJS and ReactJS are widely used JavaScript frameworks. Angular is currently being maintained by Google, whereas React is developed and maintained by Facebook. The usage statistics posted on various websites indicate that Angular is currently more popular than React. But the number of stars on its Github page depicts the growing popularity of React. Angular.js and React.js further differ from each other in terms of features, usage and performance. Hence, it becomes essential for developers to know the features of both Angular and React, and understand the important points of distinction between Angular vs React. Continue reading Angular vs React: A Brief Comparison

Spread the love
  • 27
  • 2
  •  
  • 2
  •  
  •  
  •  
  •  
  •  
    31
    Shares

Full Stack JavaScript Frameworks

Full Stack JavaScript Frameworks

Many enterprises nowadays opt for full stack we application development to reduce both developments time and cost. In addition to being proficient in client-side and server-side web technologies, a full stack web developer further synchronizes the frontend and backend of a website seamlessly according to precise business requirements. Several studies suggest that JavaScript is currently the most popular programming language for full stack web development. Nowadays, JavaScript is extensively used for building large scale complex web applications. Continue reading Full Stack JavaScript Frameworks

Spread the love
  • 13
  • 2
  •  
  •  
  • 2
  •  
  •  
  •  
  •  
    17
    Shares