- Angular v21, yapay zeka odaklı web geliştirme çağına uygun olarak Signal Forms, Angular Aria, MCP sunucusu, Vitest, Zoneless değişiklik algılama gibi başlıca özellikleri içeren büyük bir güncelleme
- Signal Forms, Signals tabanlı reaktif form yönetimiyle tip güvenliği ve şema tabanlı doğrulama sunuyor
- Angular Aria, erişilebilirliği önceliklendiren bir headless UI bileşen kütüphanesi olarak 8 desen ve 13 bileşeni geliştirici stiline göre özelleştirme imkanı veriyor
- Vitest varsayılan test runner olarak benimsenip kararlı hale getirildi; zone.js ise varsayılan dahil edilenler arasından çıkarılarak Zoneless stratejisi standartlaştırıldı
- Yeni dokümantasyon sitesi ile AI tutor, MCP sunucu araçları üzerinden geliştirici deneyimi ve yapay zeka entegrasyon kabiliyetlerinin güçlendirilmesi, bu sürümün temel noktası
Başlıca özelliklere genel bakış
- Angular v21, yapay zeka destekli geliştirme ortamı ve ölçeklenebilir web uygulamaları oluşturma için özelliklerini büyük ölçüde güçlendiriyor
- Yeni sürüm, Signal Forms, Angular Aria, MCP sunucusu, Vitest, Zoneless değişiklik algılama etrafında şekilleniyor
- Yeni uygulamalar varsayılan olarak zone.js içermez; bunun yerine Zoneless stratejisi benimsenir
- Angular CLI, Vitest'i varsayılan test runner olarak ayarlar; Karma ve Jasmine ise hâlâ desteklenir
- Yapay zeka ajanlarıyla birlikte çalışabilen MCP sunucusu kararlı hale getirildi ve LLM'lerin en güncel Angular özelliklerini kullanabilmesini sağlıyor
Signal Forms (deneysel özellik)
- Signal Forms, Signals tabanlı bir reaktif form durum yönetimi kütüphanesi
- Form modeli signal olarak tanımlanır ve alanlarla otomatik olarak senkronize edilir
- Tip güvenliği ve şema tabanlı doğrulama mantığı yerleşik olarak gelir
form() ve [field] yönergesi kullanılarak şablonla bağlanırControlValueAccessor olmadan özel bileşen bağlama mümkündür- E-posta doğrulama, regex eşleştirme gibi temel doğrulama desenleri içerir; özel doğrulayıcılar da eklenebilir
- Şu anda deneysel aşamada ve geri bildirimlere göre geliştirilecek
Angular Aria (geliştirici önizlemesi)
- Angular Aria, erişilebilirliği en ön planda tutan bir headless UI bileşen kütüphanesi
- 8 desen (Accordion, Combobox, Grid, Listbox, Menu, Tabs, Toolbar, Tree) ve 13 bileşen sunar
- Tüm bileşenler stilsiz durumda sunulur, böylece serbestçe özelleştirilebilir
- Kurulum komutu:
npm i @angular/aria
- Angular ekibi, bileşen geliştirme için üç yol öneriyor
- Angular Aria: erişilebilirlik odaklı headless bileşenler
- CDK: Drag & Drop gibi davranış primitifleri sağlar
- Angular Material: Material Design stilinde hazır bileşenler
MCP sunucusu ve yapay zeka entegrasyonu
- MCP sunucusu, Angular CLI'ye yerleşik gelen yapay zeka destekli araç sunucusudur ve v21 ile kararlı hale geldi
- Başlıca özellikler
- get_best_practices: en iyi uygulamaları sunar
- search_documentation: resmi dokümantasyonda arama yapar
- find_examples: en güncel Angular örneklerini sunar
- onpush_zoneless_migration: Zoneless geçiş planı oluşturur
- ai_tutor: yapay zeka tabanlı Angular öğrenme yardımcısı
- MCP sunucusu sayesinde LLM'lerin bilgi cutoff sorununu azaltmak ve Signal Forms ile Angular Aria gibi en yeni özelliklerden yararlanmak mümkün
Varsayılan test runner olarak Vitest
- Vitest, Angular'ın varsayılan test runner'ı olarak kararlı hale geldi
ng test komutuyla çalıştırılabilir- Karma 2023'ten beri kullanımdan kaldırılmış durumda; Jest ve Web Test Runner'ın v22'de kaldırılması planlanıyor
- Mevcut projeler Karma/Jasmine kullanmaya devam edebilir
ng g @schematics/angular:refactor-jasmine-vitest komutuyla otomatik migration destekleniyor
Zoneless değişiklik algılama
- zone.js, tarayıcı API'lerini patch ederek değişiklik algılama yapıyordu ancak performans sınırlamalarına sahipti
- Signals tabanlı Zoneless değişiklik algılama, v21 ile varsayılan haline getirildi
- 2024 itibarıyla Google içindeki yeni uygulamaların yarısından fazlası Zoneless kullanıyor
- HTTP Archive verilerine göre 1.400'den fazla herkese açık uygulama Zoneless benimsemiş durumda
- Zoneless'in avantajları
- Core Web Vitals iyileşmesi, bundle boyutunun küçülmesi, debugging'in basitleşmesi, asenkron işleme uyumluluğunun artması
- Mevcut uygulamalar, migration guide veya MCP sunucusundaki
onpush_zoneless_migration aracından yararlanabilir
Dokümantasyon ve geliştirici deneyimi iyileştirmeleri
- angular.dev sitesi baştan sona yenilendi
- Yeni landing page ve güncel kavramlar merkezli dokümantasyon yapısı
- Yeni AI geliştirme kaynak merkezi (angular.dev/ai)
- Signals tutorial, routing, DI, Material teması, Tailwind CSS rehberleri güncellendi
- MCP sunucusundaki
search_documentation aracıyla en güncel dokümantasyonda arama yapılabilir
Ek iyileştirmeler
- CLDR kütüphanesi v47'ye güncellendi (para birimi ve tarih formatı iyileştirmeleri)
- Şablon içinde regex desteği, yerleşik Signals formatter, IntersectionObserver seçeneklerini özelleştirme mümkün
- SimpleChanges generics desteği, KeyValue pipe iyileştirmeleri, Material utility class eklemeleri
- CDK Overlay, erişilebilirliği artırmak için tarayıcının yerel popover özelliğini kullanıyor
- Angular DevTools'a Route görselleştirmesi ve Signal grafiği eklendi
Topluluk katkıları
- v20'den bu yana 215 kişi Angular kod tabanına katkıda bulundu
- Öne çıkan katkılar
- Jaime Burgos: migration ve tanılama iyileştirmeleri
- Angelo Parziale: NgClass/NgStyle dönüşüm migration'ı eklendi
- Hryhorii Avcharov: DevTools'a Transfer State sekmesi eklendi
- Luke Beach, Ruslan Lekhman, Cédric Exbrayat, Younes Jaaidi ve diğerleri: Vitest ve CDK ile ilgili özellik iyileştirmeleri
Diğer
- Angular maskot oylamasının sonucu, 20 Kasım 2025 YouTube release etkinliğinde açıklanacak
- Angular ekibi, Signal Forms ve Angular Aria ile ölçeklenebilir ve güven veren web uygulaması geliştirme ortamını geliştirmeyi sürdürmeyi planlıyor
ng update komutuyla en son sürüme yükseltme yapılabilir
2 yorum
LLM performansının düşük olduğu dil veya framework’ler için, yanıt kalitesini artırmak amacıyla bu şekilde MCP sunucusu mu sağlıyorlar?
Resmi MCP sunucusu desteği iyi görünüyor; React tarafında da buna benzer bir şey olup olmadığını merak ediyorum