- Reactivity ile ilgili başlıca API’ler kararlı hale getirildi ve Zoneless özelliği geliştirici önizlemesi olarak sunuldu
- Chrome DevTools entegrasyonu gibi yeniliklerle debugging deneyimi ve geliştirme verimliliği önemli ölçüde artırıldı
- GenAI geliştirme desteği, llms.txt kullanıma sunulması ve AI uygulaması geliştirme kılavuzları ile örneklerinin açık kaynak olarak sağlanması
- Mevcut NgIf, NgFor, NgSwitch resmi olarak kullanımdan kaldırıldı ve yerleşik control flow yapısına geçilmesi öneriliyor
- Angular resmi maskotunun topluluk oylamasıyla seçileceği yeni bir proje başlatıldı
Angular v20’nin başlıca özellikleri
- Son birkaç yılda Angular, Signals tabanlı reactivity ve Zoneless uygulamalar gibi alanlarda büyük değişimlere öncülük etti
- Angular v20’de devam eden özelliklerin kararlılığına ve geliştirici deneyiminin iyileştirilmesine odaklanıldı
Reactivity özelliklerinin kararlı hale gelmesi
- Signals, computed, input ve view queries API’leri kararlı aşamaya geçti
- effect, linkedSignal ve toSignal API’leri de kararlı hale gelerek güvenilir asenkron durum yönetimini mümkün kıldı
- Google, YouTube gibi büyük ölçekli servislerde input latency %35 iyileşme gibi başarı örnekleri paylaşıldı
Yeni deneysel API’ler: resource, httpResource
- resource API’si sayesinde signal değişimlerine göre asenkron istekler ve streaming veri işleme kolaylaşıyor
- httpResource, signal tabanlı HTTP isteklerini destekliyor ve istek sonuçları doğrudan signal içinde kullanılabiliyor
- WebSocket gibi çeşitli streaming veri kalıpları signal ile basitçe yönetilebiliyor
Zoneless özelliği geliştirici önizlemesinde
- SSR ortamında Node.js’in unhandledRejection ve uncaughtException varsayılan handler’ları yerleşik olarak sunuluyor
- İstemci tarafında provideBrowserGlobalErrorListeners ile global hata dinleme mümkün
- angular.json içinden zone.js polyfill’ini kaldırıp zoneless moda geçiş için kılavuz sağlanıyor
Sunucu tarafı render yeteneklerinde gelişim
- Incremental hydration ve route bazlı rendering modları kararlı hale geldi
- Yalnızca gerekli UI, viewport’a girdiğinde indirilip hydrate edilerek JS trafiği en aza indiriliyor
- Her route için SSR/CSR/Prerender gibi farklı rendering modları ayarlanabiliyor
Geliştirici deneyimi ve üretkenlik artışı
- Chrome DevTools ile iş birliği sayesinde Angular’a özel performans izleri sunuluyor; framework içi rendering, event’ler ve change detection gerçek zamanlı olarak izlenebiliyor
- createComponent için dinamik oluşturma, directive uygulama ve signal tabanlı binding gibi API iyileştirmeleri yapıldı
- Template içinde üs alma operatörü(
**), in operatörü ve untagged template literal desteği eklendi
- @for trackFn çağrılmaması, nullish coalescing’in hatalı kullanımı ve structural directive eksikleri gibi durumlar için tanılama yetenekleri güçlendirildi
Stil kılavuzu ve host binding iyileştirmeleri
- 10 yıllık kullanım örneklerine dayanarak stil kılavuzu sadeleştirildi ve modernleştirildi
- Dosya/sınıf adı son ekleri artık varsayılan olarak oluşturulmuyor; HostBinding/HostListener yerine host nesnesi öneriliyor
- typeCheckHostBindings seçeneği eklenerek binding hatalarının gerçek zamanlı tespiti destekleniyor
DevTools/test ortamı iyileştirmeleri ve Angular Material
- Incremental hydration ve deferrable view debugging özellikleri Angular DevTools’a eklendi
- Karma’nın yerine vitest desteği, watch modu ve tarayıcı testleri deneysel olarak sunuldu
- Material button component’i M3 spesifikasyonuyla uyumlu hale getirildi; terminoloji, animasyon ve motion kontrolü gibi alanlarda kalite iyileştirmeleri yapıldı
GenAI ve LLM desteği
- LLM’lerin en güncel Angular kodunu öğrenebilmesi için llms.txt tanıtıldı; açık kaynak örnekler ve kılavuzlar sağlandı
- Genkit, Vertex AI gibi çözümlerle entegrasyon kılavuzları, uygulamalı canlı yayınlar ve best practice’ler paylaşıldı
Yerleşik control flow’un benimsenmesi ve structural directive’lerin kaldırılması
- v17 ile gelen yerleşik control flow; sezgisellik, tip güvenliği ve performans açısından birçok yönden üstün
- *ngIf, *ngFor, *ngSwitch’in v22’de tamamen kaldırılması planlanıyor; kod geçişi için migration schematic sağlanıyor
Resmi Angular maskotu projesi
- Angular’ın kimliğini ve topluluk sembolizmini güçlendirecek resmi maskot adayları sunuldu ve RFC açıldı
- Logodan ilham alan kalkan şekli ve Anglerfish karakteri gibi öneriler yer alıyor
- Nihai seçim topluluk oylaması ve geri bildirimlerle yapılacak; isim önerileri de verilebilecek
Önümüzdeki yol haritası
- v20 ile reactivity, zoneless ve incremental hydration gibi büyük özellikler olgunlaştırılıp kararlı hale getirildi
- Selectorless, signal-forms, unit test iyileştirmeleri ve maskot gibi bir sonraki büyük projeler hazırlanıyor
- Gelişim yönü, topluluktan aktif geri bildirim alınarak belirlenecek
Henüz yorum yok.