Back

Tuesday, 23 May 2023 | 10:39 | Author by Hasbi Kholifatul Ashshidiq

Get to know Blazor, a Frontend Framework from Microsoft

Use the power of .NET and C# to build full-stack web apps without writing a line of JavaScript.


What is a Blazor?

Blazor is a UI framework developed by the .NET team that can be used to design and build frontend applications with HTML, CSS, and C#. We can design the layout and design of a web application using HTML and CSS as usual.



Blazer look. Source: github.com/dotnet


Blazor is an open-source framework and can be used to build applications by everyone for free.

With Blazor, you can create components that are used to build an interactive web application page to run on a server or on a client device without using JavaScript code.

The interactive component of the web page is developed using C# code that can be run on a server or in a browser using the Razor template language. Blazor makes it easy for us to design web pages using Razor and import other Razor files as components within the page.

This means that we can easily build and reuse parts of our application.


What are the advantages of Blazor?


Walk Anywhere

Blazor components can run in any web browser with WebAssembly, run on servers with ASP.NET Core, or as native applications.

Productive

Create user interfaces in a nutshell with model components from Blazor that are flexible and reusable, simple, composable, declarative, and efficient.

Web & Native

Because Blazor is part of the cross-platform ASP.NET Core, blazor components can be used in web applications as well as native applications for mobile and desktop devices.

Relatively Fast

Blazor is one of the fastest app development frameworks so far. Blazor is relatively faster than JavaScript because it uses the .NET runtime behind it.

Familiarity

Programmers who are familiar with C# code will have no trouble using Blazor because it uses the same syntax.

Huge Library Collection

Blazor can use a very large collection of .NET core libraries. Compatible libraries can easily be imported as NuGet packages.

Blazor Supports Offline Apps

The Wasm application can continue to run in the user's browser even if the device used is offline.

Reliable Development Environment

The Blazor application is developed using Visual Studio which supports a stable and reliable environment with features for debugging, testing, deploying, hot reloading, intelli-sense, and many available templates that can make work easier.


Blazor Implementation Example

With Blazor, we can create various web applications and native applications for mobile devices to desktops. One example of using Blazor at Radya Digital is the Integra application.


Integra, an online job platform application specifically for IT professionals


Integra is an online job platform application specifically for professionals in the IT world. With this application, job seekers can find IT jobs that match their areas of expertise. In addition, companies that want IT talent can easily find potential employees.


Integra view on desktop

Building Blazor Apps

So, you are now familiar with Blazor. To start building applications using Blazor you can visit Blazor Tutorial | Build your first app (microsoft.com).

Happy hacking!


Sumber:

Blazor | Build client web apps with C# | .NET (microsoft.com)

intro-to-dotnet-web-dev/5-blazor at main · dotnet/intro-to-dotnet-web-dev · GitHub