Angular Yol Haritası

Signal Forms

Angular v21'de Signal Forms'un deneysel bir sürümünü yayınladık. Bu yeni yaklaşım, geliştiricilerin form durumunu sinyaller kullanarak yönetmesine olanak tanıyarak ergonomik bir form oluşturma deneyimi sağlar. Sonraki planlarımız arasında Signal Forms'u kararlı hale getirmek ve reaktif formlarla birlikte çalışabilirliği geliştirmek yer alıyor - ekiplerin büyük formları kendi hızlarında aşamalı olarak geçirmesini sağlamak.

HMR'yi (Sıcak Modül Yeniden Yükleme) iyileştirme

Sıcak modül değiştirmeyi etkinleştirerek daha hızlı düzenleme/yenileme döngüsüne doğru çalışıyoruz.

Angular v19'da CSS ve şablon HMR için ilk desteği sunduk ve v20'de şablon HMR'yi kararlı hale getirdik. Bu projeyi tamamlanmış olarak işaretlemeden önce geliştiricilerin ihtiyaçlarını karşıladığımızdan emin olmak için geri bildirim toplamaya devam edeceğiz.

Angular Signals'ı sunma

Bu proje, Angular reaktivite modelini Signals'i bir reaktivite primitifi olarak tanıtarak yeniden düşünür. İlk planlama, yüzlerce tartışma, geliştiricilerle konuşmalar, geri bildirim oturumları, kullanıcı deneyimi çalışmaları ve 1.000'den fazla yorum alan bir dizi RFC ile sonuçlandı.

Angular v20'de signal, effect, linkedSignal, sinyal tabanlı sorgular ve girdiler dahil tüm temel reaktivite primitiflerini kararlı hale getirdik.

İki boyutlu sürükle ve bırak desteği

Bu projenin parçası olarak, Angular CDK sürükle ve bırak için karışık yönlendirme desteği uyguladık. Bu, depo'nun en çok talep edilen özelliklerinden biridir.

SSR ve ön render ile olay tekrarı

v18'de sunucu tarafı render veya ön render kullanırken bir olay tekrarı işlevselliği tanıttık. Bu özellik için Google.com'da çalışan olay gönderme primitifine (önceden jsaction olarak bilinir) bağımlıyız.

Angular v19'da olay tekrarını kararlı hale getirdik ve tüm yeni projeler için varsayılan olarak etkinleştirdik.

Angular Material özelleştirilebilirliğini genişletme

Angular Material bileşenlerimizin daha iyi özelleştirilmesini sağlamak ve Material 3 yeteneklerini etkinleştirmek için, token tabanlı tema API'leri tanımlamak üzere Google'ın Material Design ekibiyle işbirliği yapacağız.

v17.2'de Angular Material 3 için deneysel destek paylaştık ve v18'de bunu kararlı hale getirdik.

Ertelenmiş yüklemeyi tanıtma

v17'de ertelenebilir görünümleri geliştirici önizlemesinde sunduk, bunlar ertelenmiş kod yükleme için ergonomik bir API sağlar. v18'de ertelenebilir görünümleri kütüphane geliştiricileri için etkinleştirdik ve API'yi kararlı hale getirdik.

Mevcut hibrit render projelerinin esbuild ve vite'a geçiş otomasyonu

v17'de vite ve esbuild tabanlı bir uygulama oluşturucu sunduk ve yeni projeler için varsayılan olarak etkinleştirdik. Hibrit render kullanan projeler için derleme süresini %87'ye kadar iyileştirir. v18'in parçası olarak, hibrit render kullanan mevcut projeleri yeni derleme hattına geçiren şematikler ve bir kılavuz sunduk.

Angular.dev'i Angular geliştiricileri için resmi adres yapma

Angular.dev, Angular geliştirme için yeni site, alan adı ve ev'dir. Yeni site, geliştiricilerin Angular'ın en son özellikleriyle inşa etmesine yardımcı olacak güncellenmiş dokümantasyon, eğitimler ve rehberlik içerir.

Yerleşik kontrol akışını tanıtma

v17'de yeni bir kontrol akışının geliştirici önizleme sürümünü sunduk. Önemli performans iyileştirmeleri ve şablon yazımı için daha iyi ergonomi getiriyor. Ayrıca projenizi yeni uygulamaya taşımak için çalıştırabileceğiniz mevcut *ngIf, *ngFor ve *ngSwitch geçişini de sağladık. v18 itibarıyla yerleşik kontrol akışı artık kararlıdır.

Modern paketleyicileri araştırma

Angular v16'da, ng build ve ng serve desteği ile esbuild tabanlı bir oluşturucunun geliştirici önizlemesini yayınladık. ng serve geliştirme sunucusu Vite ve esbuild ile Angular derleyicisi tarafından çoklu dosya derlemesi kullanır. v17'de derleme araçlarını geliştirici önizlemesinden çıkardık ve yeni projeler için varsayılan olarak etkinleştirdik.

Bağımlılık enjeksiyonu hata ayıklama API'lerini tanıtma

Angular ve Angular DevTools'un hata ayıklama yardımcı programlarını iyileştirmek için, bağımlılık enjeksiyonu çalışma zamanına erişim sağlayan API'ler üzerinde çalışacağız. Projenin parçası olarak, enjektör hiyerarşisini ve ilişkili sağlayıcıları arasındaki bağımlılıkları keşfetmemize olanak tanıyan hata ayıklama yöntemleri sunacağız. v17 itibarıyla, bağımlılık enjeksiyonu yaşam döngüsüne bağlanmamızı sağlayan bir özellik sunduk. Ayrıca enjektör ağacının bir görselleştirmesini ve her bir düğüm içinde bildirilen sağlayıcıların incelenmesini de başlattık.

Standalone bileşenler için dokümantasyon ve şematikleri iyileştirme

ng new --standalone şematik koleksiyonunun geliştirici önizlemesini yayınladık, NgModule'lerden bağımsız uygulamalar oluşturmanıza olanak tanır. v17'de yeni uygulama yazım biçimini standalone API'lere geçirdik ve dokümantasyonu öneriyi yansıtacak şekilde değiştirdik. Ek olarak, mevcut uygulamaları standalone bileşenlere, direktiflere ve pipe'lara güncellemeyi destekleyen şematikler sunduk. NgModule'ler öngörülebilir gelecekte kalacak olsa da, geliştirici deneyimini iyileştirmek ve onlar için oluşturduğumuz yeni özelliklerden yararlanmak için yeni API'lerin faydalarını keşfetmenizi öneririz.

Yıkıcı olmayan tam uygulama hidrasyonu

v16'da yıkıcı olmayan tam hidrasyonun geliştirici önizlemesini yayınladık, bu Angular'ın bir uygulamayı sıfırdan yeniden oluşturmak yerine sunucu tarafından render edilen bir sayfadaki mevcut DOM düğümlerini yeniden kullanmasına olanak tanır. Ek bilgi için hidrasyon kılavuzuna bakın.

Resim direktifinde iyileştirmeler

Angular resim direktifini v15'te kararlı olarak yayınladık. Resimlerin açık boyutlara sahip olmak yerine üst kapsayıcılarına sığmasını sağlayan yeni bir dolgu modu özelliği tanıttık. Son iki ayda, Chrome Aurora ekibi direktifi v12 ve daha yeni sürümlere geri taşıdı.

Dokümantasyon yeniden düzenleme

Tüm mevcut dokümantasyonun tutarlı bir içerik türleri setine uymasını sağlayın. Eğitim tarzı dokümantasyonun aşırı kullanımını bağımsız konulara güncelleyin. Ana eğitimlerin dışındaki içeriğin, bir dizi kılavuza sıkı sıkıya bağlı olmadan kendi kendine yeterli olmasını sağlamak istiyoruz. 2022'nin 2. çeyreğinde şablon içeriğini ve bağımlılık enjeksiyonunu yeniden düzenledik. 2023'ün 1. çeyreğinde HTTP kılavuzlarını iyileştirdik ve bununla birlikte dokümantasyon yeniden düzenleme projesini beklemeye aldık.

Resim performansını iyileştirme

Aurora ve Angular ekipleri, Core Web Vitals'ı iyileştirmeyi amaçlayan bir resim direktifinin uygulanması üzerinde çalışıyorlar. Resim direktifinin kararlı bir sürümünü v15'te sunduk.

Modern CSS

Web ekosistemi sürekli gelişiyor ve en son modern standartları Angular'da yansıtmak istiyoruz. Bu projede, geliştiricilerin düzen, stil vb. için en iyi uygulamaları izlemesini sağlamak amacıyla Angular'da modern CSS özelliklerini kullanma konusunda kılavuzlar sağlamayı amaçlıyoruz. Düzen için resmi kılavuzları paylaştık ve girişimin parçası olarak flex layout yayınlamayı durdurduk.

Ana elemanlara direktif ekleme desteği

Uzun süredir talep edilen bir özellik, ana öğelere direktifler ekleme yeteneğiydi. Bu özellik, geliştiricilerin kalıtım kullanmadan kendi bileşenlerini ek davranışlarla zenginleştirmesine olanak tanır. v15'te ana öğeleri direktiflerle geliştirmeyi sağlayan direktif kompozisyon API'mizi sunduk.

Daha iyi yığın izleri

Angular ve Chrome DevTools, hata mesajları için daha okunabilir yığın izleri sağlamak üzere birlikte çalışıyorlar. v15'te iyileştirilmiş ilgili ve bağlantılı yığın izleri yayınladık. Daha düşük öncelikli bir girişim olarak, şablonlar için daha doğru çağrı çerçeve adları sağlayarak yığın izlerini nasıl daha dostane hale getirebileceğimizi keşfedeceğiz.

MDC Web entegrasyonu ile geliştirilmiş Angular Material bileşenleri

MDC Web, Google Material Design ekibi tarafından oluşturulan, Material Design bileşenleri oluşturmak için yeniden kullanılabilir primitifler sağlayan bir kütüphanedir. Angular ekibi bu primitifleri Angular Material'a dahil ediyor. MDC Web kullanmak, Angular Material'ı Material Design spesifikasyonuyla daha yakından hizalar, erişilebilirliği genişletir, bileşen kalitesini iyileştirir ve ekibimizin hızını artırır.

İsteğe bağlı NgModules için API'leri uygulama

Angular'ı basitleştirme sürecinde, geliştiricilerin NgModule'ler olmadan uygulamaları başlatmasına, bileşenleri örneklemesine ve router'ı kullanmasına olanak tanıyan API'ler tanıtmak üzerinde çalışıyoruz. Angular v14, standalone bileşenler, direktifler ve pipe'lar için API'lerin geliştirici önizlemesini tanıtır. Önümüzdeki birkaç çeyrekte geliştiricilerden geri bildirim toplayacak ve API'leri kararlı hale getirerek projeyi tamamlayacağız. Sonraki adım olarak TestBed, Angular elements vb. gibi kullanım durumlarını iyileştirmek üzerinde çalışacağız.

Şablonlarda korumalı alanlara bağlama izni

Angular bileşenlerinin kapsüllenmesini iyileştirmek için bileşen örneğinin korumalı üyelerine bağlanmayı etkinleştirdik. Bu şekilde, şablonlarınız içinde kullanmak için bir alanı veya yöntemi artık public olarak açığa çıkarmanız gerekmez.

İleri düzey kavramlar hakkında kılavuzlar yayınlama

Değişiklik algılama hakkında derinlemesine bir kılavuz geliştirin ve yayınlayın. Angular uygulamalarının performans profilleme içeriğini geliştirin. Değişiklik algılamanın Zone.js ile nasıl etkileşimde bulunduğunu ve ne zaman tetiklendiğini, süresinin nasıl profilleneceğini ve performans optimizasyonu için yaygın uygulamaları kapsayın.

@angular/forms için katı tip denetimini dağıtma

2021'in 4. çeyreğinde formlar için katı tiplemeyi tanıtmak üzere bir çözüm tasarladık ve 2022'nin 1. çeyreğinde ilgili yorum talebini sonuçlandırdık. Şu anda, mevcut projeler için iyileştirmeleri etkinleştirecek otomatik bir geçiş adımı ile bir dağıtım stratejisi uyguluyoruz. Harici topluluk için sorunsuz bir geçiş yolu sağlamak için çözümü önce Google'da 2.500'den fazla projede test ediyoruz.

Eski View Engine'i kaldırma

Tüm dahili araçlarımızın Ivy'ye geçişi tamamlandıktan sonra, azaltılmış Angular kavramsal yükü, daha küçük paket boyutu, daha düşük bakım maliyeti ve daha düşük kod tabanı karmaşıklığı için eski View Engine'i kaldıracağız.

İsteğe bağlı NgModules ile basitleştirilmiş Angular zihinsel modeli

Angular zihinsel modelini ve öğrenme yolculuğunu basitleştirmek için NgModule'leri isteğe bağlı hale getirmek üzerinde çalışacağız. Bu çalışma, geliştiricilerin standalone bileşenler geliştirmesine ve bileşenin derleme kapsamını bildirmek için alternatif bir API uygulamasına olanak tanır. Bu projeyi bir RFC'de yakaladığımız üst düzey tasarım tartışmalarıyla başlattık.

@angular/forms için katı tip denetimi tasarlama

Minimum geriye dönük uyumsuz etkilerle reaktif formlar için daha katı tür denetimi uygulamanın bir yolunu bulmak üzerinde çalışacağız. Bu şekilde, geliştiricilerin geliştirme zamanında daha fazla sorunu yakalamasına, daha iyi metin editörü ve IDE desteği sağlamasına ve reaktif formlar için tür denetimini iyileştirmesine olanak tanıyoruz.

Angular DevTools'un framework ile entegrasyonunu iyileştirme

Angular DevTools'un framework ile entegrasyonunu iyileştirmek için kod tabanını angular/angular mono-deposuna taşımak üzerinde çalışıyoruz. Bu, Angular DevTools'un Bazel'e geçişini ve mevcut süreçlere ve CI hattına entegrasyonunu içerir.

Gelişmiş derleyici tanılamalarını başlatma

Angular derleyicisinin tanılamalarını tür denetiminin ötesine genişletin. Doğruluk ve uygunluğu daha fazla garanti etmek için diğer doğruluk ve uygunluk kontrolleri tanıtın.

Uçtan uca test stratejimizi güncelleme

Geleceğe yönelik bir e2e test stratejisi sağladığımızdan emin olmak için Protractor'un durumunu, topluluk yeniliklerini, e2e en iyi uygulamalarını değerlendirmek ve yeni fırsatları keşfetmek istiyoruz. Çabanın ilk adımları olarak bir RFC paylaştık ve Angular CLI ile e2e test için son teknoloji araçlar arasında sorunsuz entegrasyon sağlamak üzere ortaklarla çalıştık. Sonraki adım olarak, önerileri sonuçlandırmamız ve geçiş için bir kaynak listesi derlememiz gerekiyor.

Angular kütüphanelerinin Ivy kullanması

2020'nin başlarında Ivy kütüphane dağıtımı için bir RFC paylaştık. Topluluktan paha biçilmez geri bildirimlerden sonra projenin tasarımını geliştirdik. Şimdi kütüphane paketi formatının Ivy derlemesini kullanacak şekilde güncellenmesi, View Engine kütüphane formatının ve ngcc'nin kullanımdan kaldırılmasının engellenmesi dahil Ivy kütüphane dağıtımının geliştirilmesine yatırım yapıyoruz.

Otomatik test ortamı temizliği ile test sürelerini ve hata ayıklamayı iyileştirme

Test süresini iyileştirmek ve testler arasında daha iyi izolasyon oluşturmak için, TestBed'i her test çalışmasından sonra test ortamını otomatik olarak temizleyip yıkacak şekilde değiştirmek istiyoruz.

IE11 desteğini kullanımdan kaldırma ve kaldırma

Internet Explorer 11 (IE11), Angular'ın Web platformunun bazı modern özelliklerinden yararlanmasını engelliyordu. Bu projenin parçası olarak, evergreen tarayıcıların sağladığı modern özelliklere giden yolu açmak için IE11 desteğini kullanımdan kaldıracak ve kaldıracağız. Topluluktan geri bildirim toplamak ve ilerlemek için sonraki adımlara karar vermek üzere bir RFC çalıştırdık.

ES2017+'yi varsayılan çıktı dili olarak kullanma

Modern tarayıcıları desteklemek, JavaScript'in daha kompakt, ifade edici ve performanslı yeni sözdiziminden yararlanmamıza olanak tanır. Bu projenin parçası olarak, bu çabayla ilerlemenin engelleyicilerinin ne olduğunu araştıracak ve bunu etkinleştirmek için adımlar atacağız.

Angular DevTools ile hızlandırılmış hata ayıklama ve performans profilleme

Angular için hata ayıklama ve performans profilleme yardımcı programları sağlayan geliştirme araçları üzerinde çalışıyoruz. Bu proje, geliştiricilerin bir Angular uygulamasındaki bileşen yapısını ve değişiklik algılamayı anlamasına yardımcı olmayı amaçlamaktadır.

Birleştirilmiş Angular versiyonlama ve dallanma ile sürümleri kolaylaştırma

Angular için birden fazla GitHub deposu (angular/angular, angular/angular-cli ve angular/components) arasındaki sürüm yönetimi araçlarını birleştirmek istiyoruz. Bu çaba, altyapıyı yeniden kullanmamıza, süreçleri birleştirip basitleştirmemize ve sürüm sürecimizin güvenilirliğini artırmamıza olanak tanır.

Commit mesajı standardizasyonu ile daha yüksek geliştirici tutarlılığı

Geliştirme sürecimize tutarlılık getirmek ve altyapı araçlarını yeniden kullanmak için Angular depoları (angular/angular, angular/components ve angular/angular-cli) genelinde commit mesajı gereksinimlerini ve uyumluluğunu birleştirmek istiyoruz.

Angular dil servisini Ivy'ye geçirme

Bu projenin amacı, dil servisini Ivy'ye geçirerek deneyimi iyileştirmek ve eski bağımlılığı kaldırmaktır. Bugün dil servisi, Ivy uygulamaları için bile hala View Engine derleyicisini ve tür denetimini kullanmaktadır. Uygulama davranışıyla eşleşmesi için Angular Dil servisi için Ivy şablon ayrıştırıcısını ve geliştirilmiş tür denetimini kullanmak istiyoruz. Bu geçiş aynı zamanda View Engine'in kaldırılmasının engellenmesini kaldırma yönünde bir adımdır, bu da Angular'ı basitleştirecek, npm paket boyutunu azaltacak ve framework'ün bakılabilirliğini iyileştirecektir.

Angular'da yerel Trusted Types ile artırılmış güvenlik

Google güvenlik ekibiyle işbirliği içinde, yeni Trusted Types API'si için destek ekliyoruz. Bu web platformu API'si, geliştiricilerin daha güvenli web uygulamaları oluşturmasına yardımcı olur.

Angular CLI webpack 5 ile optimize edilmiş derleme hızı ve paket boyutları

v11 sürümünün parçası olarak, Angular CLI'de webpack 5'in isteğe bağlı bir önizlemesini tanıttık. Kararlılığı sağlamak için, derleme hızı ve paket boyutu iyileştirmelerini etkinleştirmek üzere uygulama üzerinde yinelemeye devam edeceğiz.

Universal uygulamalarda kritik stilleri satır içi eklemeyle daha hızlı uygulamalar

Harici stil sayfalarını yüklemek engelleyici bir işlemdir, yani tarayıcı tüm referans verilen CSS'i yükleyene kadar uygulamanızı render etmeye başlayamaz. Bir sayfanın başlığında render engelleyen kaynakların bulunması, yükleme performansını, örneğin ilk içerikli boyamasını önemli ölçüde etkileyebilir. Uygulamaları daha hızlı hale getirmek için, kritik CSS'i satır içi ekleme ve stillerin geri kalanını asenkron olarak yükleme konusunda Google Chrome ekibiyle işbirliği yapıyoruz.

Daha iyi Angular hata mesajlarıyla hata ayıklamayı iyileştirme

Hata mesajları genellikle geliştiricilerin bunları çözmesine yardımcı olacak sınırlı eyleme geçirilebilir bilgi sunar. İlişkili kodlar ekleyerek, kılavuzlar ve diğer materyaller geliştirerek hata mesajlarını daha keşfedilebilir hale getirmek ve daha sorunsuz bir hata ayıklama deneyimi sağlamak üzerinde çalışıyoruz.

Yenilenmiş giriş dokümantasyonu ile geliştirilmiş geliştirici uyumu

Kullanıcı öğrenme yolculuklarını yeniden tanımlayacak ve giriş dokümantasyonunu yenileyeceğiz. Angular'ın faydalarını açıkça belirteceğiz, yeteneklerini nasıl keşfedeceğiniz konusunda rehberlik sağlayacağız ve geliştiricilerin mümkün olan en kısa sürede framework'te yetkin olmasını sağlayacağız.

Bileşen donanımları en iyi uygulamalarını genişletme

Angular CDK, sürüm 9'da Angular'a bileşen test donanımları kavramını tanıttı. Test donanımları, bileşen yazarlarının bileşen etkileşimlerini test etmek için desteklenen API'ler oluşturmasına olanak tanır. Bu donanım altyapısını iyileştirmeye ve donanımları kullanma konusundaki en iyi uygulamaları netleştirmeye devam ediyoruz. Ayrıca Google içinde daha fazla donanım benimsemesi sağlamak için de çalışıyoruz.

İçerik projeksiyonu için bir kılavuz yazma

İçerik projeksiyonu, dokümantasyonda hak ettiği yere sahip olmayan temel bir Angular kavramıdır. Bu projenin parçası olarak, içerik projeksiyonu için temel kullanım durumlarını ve kavramları belirlemek ve bunları belgelemek istiyoruz.

ESLint'e geçiş

TSLint'in kullanımdan kaldırılmasıyla ESLint'e geçeceğiz. Sürecin parçası olarak, mevcut önerilen TSLint yapılandırmamızla geriye dönük uyumluluğu sağlamak, mevcut Angular uygulamaları için bir geçiş stratejisi uygulamak ve Angular CLI araç zincirine yeni araçlar tanıtmak üzerinde çalışacağız.

İş Yığını Temizliği Operasyonu (Operasyon Byelog olarak da bilinir)

Daha geniş topluluk ihtiyaçlarını net bir şekilde anlayana kadar mühendislik kapasitemizin %50'sine kadarını sorunları ve PR'ları triyaj etmeye aktif olarak yatırıyoruz. Bundan sonra, yeni gönderimlere hızlı bir şekilde yetişmek için mühendislik kapasitemizin %20'sine kadarını ayıracağız.