Mevcut Angular projenizi en son özelliklere nasıl aşamalı olarak geçirebileceğinizi öğrenin.
Standalone
Standalone bileşenler, Angular uygulamaları oluşturmanın basitleştirilmiş bir yolunu sağlar. Standalone bileşenler, bağımlılıklarını NgModules aracılığıyla almak yerine doğrudan belirtir.
Control Flow Syntax
Yerleşik Kontrol Akışı Sözdizimi, JavaScript'e yakın daha ergonomik sözdizimi ve daha iyi tür denetimi kullanmanıza olanak tanır. *ngFor, *ngIf ve *ngSwitch gibi işlevselliği kullanmak için CommonModule içe aktarma ihtiyacını ortadan kaldırır.
inject() Function
Angular'ın inject fonksiyonu, yapıcı tabanlı enjeksiyona kıyasla daha doğru türler ve standart dekoratörlerle daha iyi uyumluluk sunar.
Lazy-loaded routes
Hevesli yüklenen bileşen rotalarını tembel yüklenen rotalara dönüştürün. Bu, derleme sürecinin üretim paketlerini daha küçük parçalara bölmesine olanak tanıyarak, ilk sayfa yüklemesinde daha az JavaScript yüklenmesini sağlar.
New `input()` API
Mevcut @Input alanlarını artık üretime hazır olan yeni sinyal girdi API'sine dönüştürün.
New `output()` function
Mevcut @Output özel olaylarını artık üretime hazır olan yeni output fonksiyonuna dönüştürün.
Queries as signal
Mevcut dekoratör sorgu alanlarını geliştirilmiş sinyal sorguları API'sine dönüştürün. API artık üretime hazırdır.
Cleanup unused imports
Projenizdeki kullanılmayan içe aktarmaları temizleyin.
Self-closing tags
Bileşen şablonlarını mümkün olduğunda kendinden kapanan etiketler kullanacak şekilde dönüştürün.
NgClass to Class Bindings
Bileşen şablonlarını mümkün olduğunda NgClass direktifleri yerine sınıf bağlamalarını tercih edecek şekilde dönüştürün.
NgStyle to Style Bindings
Bileşen şablonlarını mümkün olduğunda NgStyle direktifleri yerine stil bağlamalarını tercih edecek şekilde dönüştürün.
RouterTestingModule migration
TestBed yapılandırmalarında RouterTestingModule kullanımlarını RouterModule'e dönüştürün ve uygun olduğunda provideLocationMocks() ekleyin.
CommonModule to standalone imports
Mümkün olduğunda CommonModule içe aktarmalarını şablonlarda kullanılan bireysel direktif ve pipe'ların içe aktarmalarıyla değiştirin.