2 – Blazor kurulumu ve proje oluşturma

Blazor kullanmak için Visual Studio 2019 veya .Net Core 3.0 Preview SDK’sı yüklememiz gerekiyor Buradan indirin veya console ekranona aşağıdaki kodu yazın.

dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview5-19227-01

Blazor kurulumunu tamamladık,
Şimdi proje oluşturalım consol’a aşağıdaki gibi yazıyoruz.

dotnet new blazor -o BlazorApp

Aşağıdaki gibi dosya yapısı oluşacaktır. Blazor’un yapısı gereği Server ve Client olmak üzere iki farklı kütüphane de çalışacağız daha sonra



şimdi projemizi studio code ile açalım.
ve kodlarımızı yazalım.



dotnet run veya dotnet watch run komutu ile projeyi ayağa kaldırıp bir test edelim.
dotnet watch run ile çalışmak daha sağlıklı blazor’un bu sorunu nasıl çözeceğini bilmiyorum ama her yapılan değişiklikte projeyi debug etmek gerekiyor bu biraz fazla can sıkıcı oluyor proje geliştirirken. Html’ de yapılan değişikliklerde render işlemi yapılmıyor bu işlemi sürekli debug etmek yerine watch ile çözüyorum
Sizde öyle yapın 🙂 ama kod yazma performansı biraz düşüyor.
http://localhost:5000 ‘den test ediyoruz.

Projede butona tıkladığımızda sayac artıyor ve DOM işlemi gerçekleşiyor.

Bir 2 derste component oluşturacağız ve parametre göndereceğiz.
kolay gelsin.

1 – Blazor NEDİR ?

Geçmişte JavaScript web projelerinde tek el olmuştu. Sonrasında ise geliştiriciler TypeScrip, Angular, React, VueJs teknolojilerini çıkardılar ama sonuç olarak kodlarımız dönüp dolaşıp javaScript ile kod yazmaya geçiyordu. Ama WebAssembly bu yaklaşımı değiştirdi.

Neden WebAssembly

JavaScript güçlü bir dildir ancak dezavantajları vardır. Bazıları TypeScript tarafından düzeltildi ama C# yazılımcıları tarafından React, Angular, Vuejs gibi JavaScript ve TypeScript tabanlı dillere geçiş yapmak biraz zor ve zaman alabiliyordu. Artık Single page sayfalarda artık sadece C# kodlarından faydalanarak web uygulamalar geliştirebiliyoruz.
Blazor’un En sevdiğim tarafı modelleri eşleştirme gibi bir sorununuz artık kalmıyor. Server ve Client tarafı da aynı modelleri kullandığı için çok daha hızlı geliştirme yapabiliyoruz. Diğer bir güzel yani Blazor geliştiricileri Angular vb. teknolojilerde javascript tabanlı kütüphaneleri eklemek imkansız olabiliyordu ama blazor geliştiricileri bunu çok kolay bir şekilde entegre edebilmemizi sağlamışlar.

Blazor’un Genel Mimarisi Aşağıdaki Gibidir

Aşağıdaki görüntü Chrome’daki bir Blazor uygulamasının önyükleme işlemini göstermektedir. Uygulama Blazor JavaScript ( blazor.js ) içerir. Mono çalışma zamanını ( mono.wasm ) WebAssembly içinde önyüklemek için Mono’nun JavaScript kitaplığını ( mono.js ) kullanır. Daha sonra uygulamanın DLL dosyasını ( WebApplication2.dll ) ve .NET Framework’ün DLL’lerini yükler .

Kaynak