days
0
-28
0
hours
-1
0
minutes
-5
-1
seconds
-2
-6
search
Warming up with Blazor

Blazor WebAssembly 3.2.0: Build interactive web UIs using C#

Sarah Schlothauer
blazor
© Shutterstock / fluke samed

Welcome Blazor WebAssembly 3.2.0! This open source framework allows users to create interactive client-side web UI with .NET. It is now officially released and ready for use in production. Will 2020 be the year of Blazor? See what features it has under the hood.

At the end of April, 2020 Microsoft made the release candidate for Blazor WebAssembly 3.2.0 available. Now, nearly one month later, the final build is officially here. Microsoft’s Daniel Roth posted a blog about the newest changes, welcoming Blazor WebAssembly 3.2.0.

Now that it is ready for use in production and fully-featured, see what it aims to accomplish, and what this open source framework has under the hood for building web apps.

SEE ALSO: TensorFlow.js now has a WebAssembly backend

What is Blazor?

blazor

Creating a new app with Blazor. Source.

This open source framework allows users to create interactive client-side web UI with .NET. From the documentation, its goals are to:

  • Create rich interactive UIs using C# instead of JavaScript.
  • Share server-side and client-side app logic written in .NET.
  • Render the UI as HTML and CSS for wide browser support, including mobile browsers.
  • Integrate with modern hosting platforms, such as Docker.

Users are able to re-use all code and libraries from the server-side parts of their applications. Since it uses .NET for client-side web development, it builds upon an already robust set of libraries, frameworks, and tools that you may already be familiar with. Use existing .NET libraries and make the most of the .NET ecosystem, its stability, and maturity.

Blazor features

At the beginning of the year, Ed Charbeneau predicted that 2020 would be the pinnacle year for Blazor and it will soon become mainstream. Will this prediction come true in the latter half of the year?

Charbeneau writes:

One thing that shocked me about Blazor is how genuinely simple it feels to use. Blazor combines the ease of Razor with other .NET concepts. It has borrowed the best patterns from popular JavaScript frameworks like Angular and React while leveraging Razor templates and provided parity with other .NET conventions.

Let’s take a look at some of the helpful features that make it stand out:

  • A number of ready-made UI components are already available, so you can get started creating beautiful apps.
  • No JavaScript needed. Use C# code instead for improved developer productivity.
  • Built-in support for authentication.
  • Call JavaScript functions from .NET methods with JavaScript interoperability.

SEE ALSO: Why you should consider WebAssembly in your next frontend project

Get started

In order to check out the newest release and get started with Blazor, you will first need to install the latest .NET Core SDK. In the release announcement blog, Microsoft also suggests installing a version of Visual Studio for improved productivity.

As the latest release does not feature long-term support, users will have to upgrade to .NET 5 when .NET 5 ships later this year. According to Microsoft, work on .NET 5 is a current priority and we can expect to see a preview sometime in June, 2020. For now, track progress on GitHub with the roadmap for .NET 5.

Browse the documentation for more tips and instructions on getting started and building your Blazor WebAssembly apps. Download Blazor here and start setting up your first application!

Community resources

Check out the Awesome Blazor list on GitHub for a number of open source resources, sample projects, tutorials, games, videos, e-books, online courses, and more.

There is everything you need to get started and work your way up to Blazor mastery. Join the community chat on Gitter and direct all your questions to Stack Overflow.

Author
Sarah Schlothauer

Sarah Schlothauer

All Posts by Sarah Schlothauer

Sarah Schlothauer is an assistant editor for JAXenter.com. She received her Bachelor's degree from Monmouth University and is currently enrolled at Goethe University in Frankfurt, Germany where she is working on her Masters. She lives in Frankfurt with her husband and cat. She is also the editor for Conditio Humana, an online magazine about ethics, AI, and technology.

Leave a Reply

avatar
400