Angular 14, yazılı formlar ve bağımsız bileşenlerle birlikte gelir

Google tarafından geliştirilen TypeScript tabanlı web uygulaması çerçevesinin en son sürümü olan Angular 14, daktilo edilmiş formlar ve bağımsız bileşenlerin geliştirici önizlemesini içeren geldi.

Bağımsız bileşenler, NgModules ihtiyacını azaltarak Angular uygulamalarının geliştirilmesini basitleştirir. Bağımsız bileşenler, yönergeler ve borular ile, standalone: true bayrak, geliştiricilerin eklemesine izin verir imports doğrudan bir @component() olmadan @NgModule(). Bu bileşenler, kararlı bir API olmadıkları ve Angular’ın tipik geriye dönük uyumluluk modelinin dışında değişebilecekleri için yalnızca araştırma ve geliştirme için kullanılmalıdır.

Ayrıca 2 Haziran’da yayınlanan Angular 14’te, reaktif formlar kesinlikle varsayılan olarak yazılır. Yazılan formlar, form kontrollerinin, grupların ve dizilerin içindeki değerlerin tam API yüzeyi boyunca güvenli olmasını sağlayarak, özellikle derinlemesine iç içe geçmiş karmaşık durumlar için daha güvenli formlar sağlar. Güncelleme şemaları, yazılan formlara artımlı geçişe izin verir. Geliştiriciler, tam geriye dönük uyumlulukla mevcut formlara kademeli olarak yazmayı ekleyebilir. Ayrıca, ng udpate tüm form sınıflarını türlenmemiş sürümlerle değiştirerek geliştiricilerin türleri kendi hızlarında etkinleştirmesine olanak tanır.

Yeni yazma desteğinden yararlanmak için, Angular geliştirme ekibi şu örneklerin aranmasını önerir: Untyped form denetimleri ve mümkün olduğunda yeni yazılan formlar API yüzeyine geçiş.

Angular 14, geçen Kasım ayında gelen Angular 13’ü takip ediyor. Angular’da kurulum için talimatlar şu adreste bulunabilir: proje web sitesi. Angular 14’teki diğer yeni özellikler ve iyileştirmeler şunları içerir:

• En son TypeScript 4.7 sürümü için destek. Angular 14, varsayılan olarak ES2020’yi hedefler ve CLI’nin alt seviyeye gerek kalmadan daha küçük kodlar göndermesine olanak tanır.
• Korumalı bileşen üyeleri doğrudan şablonlardan sınırlanabilir. Bu, kullanıcılara yeniden kullanılabilir bileşenlerin genel API yüzeyi üzerinde daha fazla kontrol sağlar.
• NgModel değişiklikleri, OnPush bileşenleri için kullanıcı arabiriminde yansıtılır.
• Gömülü bir görünüm oluştururken isteğe bağlı enjektörler kullanılabilir. Enjektör, bağımlılık enjeksiyon davranışının belirli şablon içinde özelleştirilmesine izin verir. Angular CDK’da (Bileşen Geliştirme Kiti) yeniden kullanılabilir bileşenler ve bileşen temel öğeleri için daha temiz API’ler etkinleştirilir.
• için deneysel bir esbuild tabanlı yapı sistemi ng build saf ECMAScript Modülü çıktısını derleyerek tanıtıldı.
• için yeni yöntemler sunuluyor. HarnessLoader bir koşum takımının mevcut olup olmadığını kontrol etmek ve varsa koşum örneğini iade etmek için.
• Yeni değişiklik algılama ve çalışma zamanı optimizasyonu kılavuzları angular.io’da.