Açısal 11 – Bilmeniz Gereken Her Şey

Angular sürüm 11 burada ve geliştiriciler için bazı harika güncellemeler getirdi. Çerçeveden bileşenlere ve CLI'ye kadar her şey güncellenir. Angular ekibi, her güncellemede bazı büyük değişiklikler getirmeye çalışır. Örneğin, Angular 9'da iVY yayınlandı, Angular 9.1'de TypeScript 3.8 desteği sağlandı ve Angular Material UI bileşen kitaplığındaki değişiklikler Angular 10'da ortaya çıktı. Bugün, Angular 11'in özelliklerini keşfedeceğiz. sonra.

Angular 11 – Özellikler ve Güncellemeler

Bu sürümün öne çıkan özelliği, daha katı türler, yazı tiplerinin otomatik olarak sıralanması ve yönlendirici performans iyileştirmeleridir. Güncellenen uygulamalar için varsayılan otomatik yazı tipi satır içi özelliği etkinleştirilecektir. Geliştirilmiş yönlendirici performansı, uygulamaların daha hızlı yapılmasını sağlar. Bunların dışında, aşağıda listeleyeceğimiz Angular 11'e daha çok şey var.

#Bileşen Test Donanımları

Angular sürüm 9'da topluluk, Bileşen Test Donanımlarını tanıttı. Bunlar, Angular Material bileşenlerinin test edilmesine yardımcı olacak sağlam bir API yüzeyi sağladı. Geliştiricinin, desteklenen API'yi kullanarak bileşenlerle etkileşime girmesine olanak tanır.

Sürüm 11'de, her bileşen için bir bileşen donanımı mevcuttur. Çok sayıda performans iyileştirmesi, güncelleme ve hatta yeni API'ler ile birlikte gelir. Şimdi, paralel işlev, geliştiriciler bileşenlerle paralel olarak birden çok eşzamansız etkileşim çalıştırabildiğinden, testler içindeki eşzamansız eylemlerle başa çıkmayı kolaylaştırır. Örneğin, manuel değişiklik algılama işlevi, yalnızca birim testleri içinde otomatik değişiklik algılamalarını devre dışı bırakarak algılamanın daha iyi kontrolüne erişim sağlayacaktır.

#Updated Sıcak Modül Değiştirme Desteği

Sıcak Modül Değiştirme veya HMR, tam bir tarayıcıyı yenilemeden modüllerin değiştirilmesine izin veren bir mekanizmadır. Bu eski bir kavramdır ancak Angular 11 buna daha fazlasını ekler.

Angular 11, gerekli kod değişiklikleri ve konfigürasyonları ile HMR için destek sunar. ng serve ile bir uygulama başlatırken CLI'nin HMR'yi etkinleştirmesine izin verir. Başlamak için aşağıdaki komut gereklidir:

ng hizmet –hmr

Böylece, CLI komutu, HMR'yi yapılandırmak için gereken çaba miktarını önemli ölçüde azaltır. Geliştiriciler bu komutu girdikten sonra, yerel sunucu HMR'nin etkin olduğunu onayladığı anda konsol bir mesaj görüntüler.

Geliştirme sırasında şablonlarda, stillerde ve bileşenlerde yapılan en son değişiklikler, çalışan uygulamada otomatik olarak güncellenecektir. Tam sayfa yenileme gerektirmez ve bu da geliştiricilerin üretkenliğini artırır.

#Updated Dil Hizmeti Önizlemesi

Angular Dil Hizmeti, herhangi bir web sitesi geliştirme şirketindeki profesyonellere göre sorunsuz web geliştirme sağlayan çeşitli yardımcı araçlar sunar. Güncellenen dil hizmeti, geliştiricilere daha doğru bir deneyim sağlayacaktır. Daha iyi bir oluşturucu ve görüntüleme motoru ile işlerin nasıl çalışacağının bir önizlemesini kontrol edebilirler. Dil hizmeti, tıpkı TypeScript derleyicisinin yaptığı gibi, şablonlardaki genel türleri uygun şekilde çıkarabilecektir.

#Yazı Tiplerinin Otomatik Satır İçi

Angular 11, Google simgelerini ve yazı tiplerini HTML dizininde satır içine dönüştürmeye yardımcı olan otomatik yazı tipi satır içi özelliği sunar. Derleme sırasında, Angular CLI, bağlantılı ve uygulamada kullanılan satır içi yazı tiplerini indirecek ve sonuç olarak gömecektir. Bunlar, yapılandırma için varsayılan olarak etkindir.

Bu, sürüm 11 ile oluşturulan uygulamalarda varsayılan olarak yapılır. Bu nedenle, bu optimizasyonun avantajından yararlanmak için geliştiricilerin önce uygulamayı güncellemesi gerekir.

#Webpack 5 Desteği

Web paketi, çok sayıda dosyayı tek bir küçük dosya veya paket halinde derlemek için kullanılır. En son sürümü - Webpack 5, birkaç ay önce yayınlandı.

Angular 11, web paketi 5 için deneysel destek sunar ve geliştiriciler bunu yeni şeyler denemek için kullanabilir. Angular ekibi, web paketi daha kararlı hale geldiğinde daha küçük paketler ve daha hızlı derlemeler elde etmek için deneysel desteği genişletebilir.

İşte web paketi 5'i kullanma komutu: package.json dosyasına aşağıdaki satırları ekleyin:

"çözümler": {
"web paketi": "5.4.0"
}

#ESLint'e geçiş

TSLint, Angular geliştirme hizmetleri sağlayıcıları tarafından kullanılan ve önerilen en popüler listeleme araçlarından biri olmuştur. Son zamanlarda, görev ESLint'e devredildi.

Angular 11 ile Codelyzer ve TSLint resmi olarak kullanımdan kaldırılmıştır ve gelecek sürümlerde kaldırılacaktır. En son sürüm, TSLint'ten ESLint'e geçiş için 3 adımlı bir yöntem sunmuştur:

Adım 1 – Add @angular-eslint/schematics'i çalıştırın
Adım 2 – Şimdi, ng g @angular/schematics:convert-tslint-to-eslint {{PROJE ADIINIZ}} komutunu çalıştırın
Adım 3 – Kök düzeyindeki tslint.json'u kaldırın.

#Daha Hızlı Yapılar

Angular 11, radikal hız iyileştirmeleri getiriyor. NGCC güncelleme süreci artık öncekinden 2-4 kat daha hızlı. Bu nedenle, geliştiricilerin inşaları ve yeniden inşaları tamamlamak için uzun süre beklemelerine gerek yoktur.

#TypeScript 4.0 Desteği

Angular 11, TypeScript 4.0'ı destekler. TypeScript 3.9 desteği artık kaldırıldı. Bunun arkasındaki temel nedenlerden biri, yapıların hızını artırmaktır. En son sürüm, önceki sürümlerden daha hızlı ve daha sorunsuz yapılar sağlar.

#Daha İyi Günlüğe Kaydetme ve Raporlama

En son Angular sürümü, oluşturma aşaması raporlamasına geliştirme sırasında daha yararlı olmasını sağlayan çeşitli değişiklikler getirdi. CLI çıktısı, daha kullanıcı dostu ve okunabilir bilgiler içerir.

#Diğer Değişiklikler

Yukarıda belirtilenlerin dışında, en son Angular sürümü aşağıdakiler gibi birkaç değişiklik daha getiriyor:

• Servis çalışanı iyileştirmeleri
• Yeni otomatik şemalar ve geçişler
• Çeşitli adlandırılmış çıkışlar için tembel yükleme desteği
• Internet Explorer 9,10 ve IE mobil desteği desteği tamamen kaldırıldı
• ProtectQueryParams yönlendiricide kaldırılır. Bunun yerine, geliştiriciler queryParamsHandling=”preserve” kullanabilir
• Daha katı tipler artık borularda yerleşik
• Angular CLI, çözüm korumaları oluşturabilir
• formatDate işlevi, ISO 8601 hafta numaralandırma yılı biçimlendirmesini destekler
• Yoğun bakım ünitelerindeki ifadeler artık yeniden tip denetimine tabi tutuluyor
• Zaman uyumsuz boru, tanımsız olarak yazılan herhangi bir girdi için artık tanımsız döndürmez.

Angular 11'e Nasıl Güncellenir?

Uygulamanızı Angular 11'e güncellemek için Angular geliştiricileri kiralayabilirsiniz. Geliştiricilerin aşağıdaki komutu çalıştırması gerekir:

güncelleme @angular/cli @angular/core

Makaleyi faydalı buldunuz mu? Tanıdıklarınızla paylaşın ve Angular 11 hakkında her şeyi bilmelerini sağlayın.