ASP.NET Blazor Nedir?

Web uygulamaları farkında olmadan eski masaüstü uygulamalarının yerini alıyor. Bunun en büyük nedenleri ise güncellenmeleri kolay ve tek bir cihaza bağlı olmamalarıdır.

Kullanıcılar tarayıcı tabanlı web uygulamalarından mobil uygulamalara yavaşça geçseler bile, karmaşık ve iyileştirilmiş uygulamalara olan talep zaten çok büyük ve büyümeye devam ediyor. Buda yeni web teknolojilerinin gelişmesini sağlıyor.

Bu yazımızda bir Single Page Application (SPA) teknolojisi olan Blazor'u yakından inceleyeceğiz.

Yazımıdaki başlıklarımız şu şekilde,

Blazor Nedir?
Blazor Projesi Oluşturmak
Blazor Bileşenleri

Blazor Nedir?

Blazor, Microsoft ASP.Net Core 3.0 frameworkü tarafından sağlanan, Angular, React ve diğer JavaScript frameworklerine rakip bir teknolojidir.

Blazor, uygulamanızı C#, Razor ve HTML kullanarak oluşturmanıza olanak tanıyan tek sayfalık bir uygulama (Single Page Application) oluşturmak için kullanılan bir .NET frameworküdür.

Blazor'un istemci tarafı, Internet Explorer, Chrome, Safari ve Firefox gibi başlıca tarayıcı motorlarıyla birlikte gelen WebAssembly kullanır.

WebAssembly, istemci tarafı kod yazmada JavaScript'e bir alternatiftir. Ve birçok farklı programlama dili kullanılarak dönüştürülebilir. Blazor örneğinde, C# kullanılarak dönüştürülür.

Blazor Projesi Oluşturmak

ASP.Net Core 3.0'ın daha yeni sürümünü zaten yüklü ise terminalden aşağıdaki komutu yazabilirsiniz.

dotnet new blazorserver -n WebApp

Bu komut WebApp adıyla yeni bir Blazor sunucu uygulaması oluşturacaktır.

Klasör yapısı aşağıdaki gibi görünmelidir:

Blazor Dizin Yapısı

Blazor Bileşenleri

Direktifler (Directives)

Derleyici yönergeleri, genellikle bir bileşenin ayrıştırılma şeklini değiştiren veya farklı işlevleri etkinleştiren Razor yönergeleri vermek için kullanılır.

Yönlendirme (Routing)

Uygulama içerisinde sayfalar arasında yönlendirmeleri yapmak için kullanılır.

@page "/weeklyforecast"

Parametreler (Parameters)

Razor bileşen modelinde bileşen parametrelerini anlamanın kolay yolu, bunları özel bir [Parametre] özniteliğiyle dekore edilmiş genel özellikler olarak görmektir.

@code {

    [Parameter]
    public string Summary { get; set; }

}

Alt İçerik / Şablonlar (Templates)

Şablonlu bileşenler, bir veya daha fazla UI şablonunu parametre olarak kabul eden bileşenlerdir. Şablonlar, işlenen çıktı bileşenlerinin bir bölümünü özelleştirmek için kullanılabilir.

Olay İşleme (Event Handling)

Razor Bileşenlerini kullanan bir Blazor uygulamasında UI ile çalışmak, farklı bir mimari modeli ve EventCallback adlı özel bir temsilci sunar.

[Parameter]
public EventCallback<DayOfWeek> OnSelected { get; set; }

Sonuç Olarak

Eğer C# kullanmayı seviyor iseniz Blazor, JavaScript yerine C # kullanarak etkileşimli web kullanıcı arayüzleri oluşturmanıza olanak tanır.

Microsoft, Blazor'u 2019'un başlarında yayınlamıştır ve şu anda sürüm 1.0'ın hazırdır.

Daha detaylı bilgi almak için,
https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor

Caner BULUT

Caner Bulut, Argenova'nın Kurucusu ve CEO'sudur. Yazılım geliştirme ve ürün geliştirme alanlarında deneyimlidir. Birçok başarılı projeye imza atmıştır ve teknoloji ekosistemine bilgi paylaşımıyla katkı sağlamaktan keyif almaktadır. Yoğun programına rağmen yeni bilgileri paylaşmak ve öğrenmek, ona büyük bir motivasyon kaynağı olmaktadır.