Getting Started With Setting Up Blazor In ASP.NET Core

Getting Started With Setting Up Blazor In ASP.NET Core

Introduction

In this article, you’ll understand how to install the Blazor extension in ASP.Net Core. The Blazor is a web UI framework dependent on C# and Razor that keeps stunning in the Web browser. Using Blazor you can build a rich interactive UI utilizing C#.

Blazor significantly simplifies the task of building quick and lovely single-page applications that run in any browser. It does this by enabling web designers and developers to write .NET-based web applications that run client-side in web browsers using open web standards.

Features & Functionality

1. Routing
2. The part component model for building composable UI
3. Dependency injection
4. Layouts
5. Forms and validation
6. JavaScript interop
7. Full .NET troubleshooting and debugging both in browsers and in the IDE
8. Server-side rendering
9. Live reloading in the browser during development
10. Publishing and app size trimming
11. Rich IntelliSense and tooling

The Blazor alternatively integrates with ASP.NET Core to give a steady and consistent full-stack web development solution.

Blazor WebAssembly has achieved cross-browser consensus and every advanced modern browser currently support WebAssembly.

Step 1

Install the latest Blazor extension from the Visual Studio Marketplace. This step makes Blazor templates open to Visual Studio.

Blazor extension from the Visual Studio Marketplace

After installing the Blazor Extension Make beyond any doubt you have installed following listed :

1] .NET Core 3.0 Preview 4 SDK (3.0.100-preview4-011223)

2] The Visual Studio 2019 (Preview 4 or later) with the ASP.NET and web development workload selected.

3] The latest Blazor Extension available from the Visual Studio Marketplace.

4] The Blazor templates on the command-line:

dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview4-19216-03

Step 2

Create a new project & select ASP.NET Core Web Application.

Step 3

Choose which template format you need to using Blazor — Server Side or Client Side — and create.
After creating it, and then run it in your browser and see what occurs.

Leave a Reply

Your email address will not be published. Required fields are marked *