Mevcut Angular projenizi en son özelliklere nasıl aşamalı olarak geçirebileceğinizi öğrenin.
Mevcut bir Angular projesini standalone'a geçirme
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.
Kontrol Akışı sözdizimine geçiş
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 fonksiyonuna geçiş
Angular'ın inject fonksiyonu, yapıcı tabanlı enjeksiyona kıyasla daha doğru türler ve standart dekoratörlerle daha iyi uyumluluk sunar.
Tembel yüklenen rotalara geçiş
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.
Sinyal input'larına geçiş
Mevcut @Input alanlarını artık üretime hazır olan yeni sinyal girdi API'sine dönüştürün.
output fonksiyonuna geçiş
Mevcut @Output özel olaylarını artık üretime hazır olan yeni output fonksiyonuna dönüştürün.
Sinyal sorgularına geçiş
Mevcut dekoratör sorgu alanlarını geliştirilmiş sinyal sorguları API'sine dönüştürün. API artık üretime hazırdır.
Kullanılmayan import'ları temizleme
Projenizdeki kullanılmayan içe aktarmaları temizleyin.
Kendinden kapanan etiketlere geçiş
Bileşen şablonlarını mümkün olduğunda kendinden kapanan etiketler kullanacak şekilde dönüştürün.
NgClass'tan sınıf bağlamalarına geçiş
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'dan stil bağlamalarına geçiş
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 geçişi
TestBed yapılandırmalarında RouterTestingModule kullanımlarını RouterModule'e dönüştürün ve uygun olduğunda provideLocationMocks() ekleyin.
CommonModule kullanımını standalone import'lara dönüştürme
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.
@Injectable kullanımından @Service kullanımına geçiş
Uygun @Injectable sınıflarını @Service dekoratörüne dönüştürün.