Angular 9'un Yepyeni Özelliklerini Bilin

Bu yazımızda Angular 9'daki yenilikleri öğreneceğiz. Yeni sürüm kısa süre önce 7 Şubat 2020'de piyasaya sürüldü.

8'den 9'a vızıldayan değişiklik büyük bir adım gibi görünse de, v9, hatayı düzeltmeyi de içeren olağanüstü bir sürüm.

Bunun da ötesinde, bu makalede tartışacağımız çeşitli ilginç Angular 9 özellikleri var.

• Angular ile Olgun Gelişim
• Angular'ın yerleşik özellikleri
• Açısal mobil ve Ivy
• Açısal Tanılama İyileştirmeleri
• Angular 9'da tip güvenli ve DI
• Açısal Kıyaslamalar

Angular, şu anda mobil ve web uygulamaları geliştirmek için en önemli açık kaynaklı çerçevedir.

Google tarafından geliştirilmiştir. Angular, web uygulamaları oluşturmak için gerekli olan bileşenlerin yanı sıra araçları da içeren kapsamlı bir geliştirme çerçevesi ile uzun yıllardır piyasada.

Angular, her altı ayda bir çıkan yeni bir ana sürümle temiz bir yol haritasına sahiptir.

Ayrıca, Angular ekibi çok iyi çalışır, böylece API, Angular 1'den 2'ye olduğu kadar sık ​​değişmez veya değişmez.

JavaScript ve TypeScript tarafından desteklenen en son özellikler ve en iyi uygulamalarla her şeyi güncel tuttuğu için bu harika bir şey.

Burada, bu makalede, büyük dosyaların indirme sürelerini, uygulama performansını ve sonuçlarını olumsuz etkilemesi gibi, Angular'ın önceki sürümlerini bozan sorunlardan birine odaklanacağız.

Odaklanacağımız bir diğer temel özellik de Ivy derleyicisidir. Ivy ve Angular'ın geleceğindeki önemi hakkında kapsamlı bir fikir edineceksiniz. Sonuç: Uygulama performansı ve büyük paketlerle ilgili çeşitli sorunları çözer.

Ayrıca, uluslararasılaştırma desteği ve seçicisiz bağlamalar dahil olmak üzere yeni özellikler hakkında bir tartışma yapılacaktır.

JavaScript Performansı ve Paketleri hakkında bilgi edinin

Geçmişteki Angular sürümlerinin en büyük sorunlarından biri, uygulamanın JavaScript paketlerinde oluşturulan dosya boyutuna eşdeğer büyük dosya boyutudur.

Angular'ı Vue veya React gibi diğer kütüphanelerle karşılaştırırsanız , Angular uygulaması nispeten iyidir.

Çalışma süresi boyunca farkı hissetmeyeceksiniz. Angular'ın performansı iyi olsa da, basit uygulama da büyük olduğu için yükleme süresi çok zaman alacaktır.

JavaScript paketlerinin boyutu, diğer problemler hakkında da bilgi verir. Yerleşik geliştirme ekipmanına sahip eksiksiz bir çerçeve olduğu için Angular ile öğrenilecek çok şey var.
JavaScript kitaplıkları daha çok bileşenlere odaklanır.

Angular ekibi, geçmiş sürümdeki devasa paket dosyalarından kaynaklanan sorunları azaltmak için ne yapabilir?

Angular Ivy Çeşitli Sorunları Çözüyor

Angular 8'e dahil edilen en temel özelliklerden biri, Ivy'ye kaydolmanın önizlemesiydi.

Ivy şu anda yepyeni bir işleme hattı ve yeni dahili yapıdır. Oluşturucu genellikle Angular'ın bileşenlerine koyduğunuz talimatları şablonlarla alan bir motordur.

Ayrıca bileşenleri, DOM'yi (Belge Nesne Modeli) değiştiren talimatlara çevirme işlevini de gerçekleştirir.

Ivy derleyicisi gizlenmiştir ve ayrıca Ivy ile ViewEngine'i de başarmaktadır, ancak bu Angular ile çalışma şeklimizi değiştirmiyor. Ancak bu, Angular ile çalışma şeklinizi değiştirmez.

Değişikliğin, oluşturulmakta olan kod üzerinde dikkate değer bir etkisi vardır.

Angular 8'in Önizlemesi, kullanıcının Ivy ile kolayca çalışmasına yardımcı olur. Angular 9 öğreticisiyle birlikte kullanıldığında, Ivy şu anda standart oluşturuculardan biridir.

Bir oluşturucunun uygulanması kolay ve verimliyse, daha fazla talimata gerek olmadığı için daha az kod oluşturabileceğiniz anlamına gelir.

Ivy çok daha az JavaScript paketi sağlar, böylece Angular paketine ilişkin tüm zayıflıkları giderir.

Ayrıca Ivy, Angular uygulamalarını boyut ve performans açısından tamamen yeni bir düzeye getireceği için tüm oyunu değiştirecek.

Ivy, Angular'ın kullanım şeklini asla değiştirmez, ancak uygulama oluşturmanın tüm tekniğini değiştirir.

Angular ekibi, Angular ile aşılanan modern JavaScript'in diferansiyel yük tome gibi girişimlere dikkat ediyor.

Bu, çeşitli çoklu dolgu demetlerinin birlikte konuşlandırıldığı ve geliştirildiği anlamına gelir.

Angular Ivy ile Çevik Mobil Uygulamalar

Akıllı telefonlar ve çeşitli cihazlar, dünya çapındaki trafiğin çoğunu oluşturuyor. Ayrıca, birçok kişi web sayfalarına yavaş internet bağlantısı olan yerlerden erişmektedir.

Çoğu geliştirici, indirilebilir araçların boyutunu azaltmak ve kullanıcı deneyimini artırmak için mevcut uygulamaları düzeltebilir, ancak bu tür değişiklikler gerçekten pahalı, zor ve riskli olabilir.

Ivy, JavaScript paketlerinin boyutunu küçülterek, geliştirme prosedürünü hızlandırmak isteyen geliştiriciler için hoş bir gelişme haline geliyor.

Açısal Tanılama Geliştirmeleri

Daha önce, Angular Derleyici hem dahili API tanılama hem de TypeScript tanılama oluşturmuştu. Ancak TypeScript tanılamaları, API tanılamalarında uygulanmayan mevcut geliştirmelerden yararlanmıştır.

Angular 7, birden çok formatla çalışmak yerine, tüm Angular TypeScript Compiler tanılamalarını benzer TypeScript Diagnostics formatına dönüştürerek işlemi tamamen sorunsuz hale getirecektir.

Son Sürüm 9, DOM bağlamalarını doğrulamak için şema kayıt defterini kullanarak uygulamaların olası sorunlardan kaçınmasını da önleyecektir.

Bunun da ötesinde, tutarlı şablon tanılama, açıklayıcı hata mesajlarının oluşturulmasını desteklemede avantajlı olacaktır.

API Extractor'da yükseltme

Angular, ayrı ayrı gelişen çeşitli yazılım kitaplıklarına bağlıdır.

Angular kullanıcıları olası hataları kaçıramazlar ve en son özellikler kitaplıklarına dahil edilmiştir.

Yanıt olarak, Angular 9, API Extractor'ı yepyeni sürüme güncelleyecektir.

Angular, Bazel'i yazılım testi ve bina otomasyonu sağlayan açık kaynaklı ekipman olarak kullanır.

Bazel, Angular araç zinciri tarafından yapım süresine dahil olan bir araçtır.

Ayrıca, bir sözleşme raporu oluşturmak, projenin dışa aktarılan API yüzeyini ve eksik görünürlük ve tutarsızlığı tespit etmek için TypeScript derleyici motorunun avantajını da sağlar. API belgeleri üretir.

API çıkarıcı gibi işlevler ve bir çerçeveyi verimli ve üretken kılan Dil Hizmetinde yapılan düzenli iyileştirmeler nedeniyle, hiç de heyecan verici bir güncelleme değil.

Angular'ın Geleceğinde neler var?

Angular 9'un başlamasıyla birlikte topluluk, küçük uygulamalardan yüksek performanslı uygulamalara ve önemli geliştirici deneyimine kadar avantaj elde edebilir.

Geliştiriciler ayrıca daha kesin bir proje yapısına ve ayrıca cleat sözdizimine sahiptir.

Angular ekibi ayrıca APU'da büyük değişikliklere gerek olmadığını da öngördü.

Bileşenleri oluşturmak için daha fazla kullanımdan kaldırma ve alternatif yöntem var mı?

Gelecekte, direktifler ve bileşenler geliştirmeye daha fazla zaman ayırmaya daha fazla odaklanılacak ve bunları bir arada tutmak için daha az zaman verilecektir.

Angular ekibi ayrıca bazı derleyici sorunları ve modül paketleme konusunda bazı önerilerde yardımcı olur.

Bu işlem sırasında ekip, Angular ekibinin önerisine göre Ivy derleyicisi için daha iyi ayrıştırma amacıyla Terser'i küçültülmüş olarak da taşır.

Siz de AngularJS Mobil Uygulama Geliştirme kullanarak bir mobil uygulama geliştirmek istiyorsanız, Elsner ile iletişime geçmenin tam zamanı.