Mobil Geliştirme: Ionic 7, Angular, React ve Vue için performansı artırıyor
Ionic’in yedinci büyük versiyonu yayınlandı. Bir yıldan fazla süren geliştirmenin ardından, HTML, CSS ve JavaScript ile mobil uygulamalar oluşturmaya yönelik açık kaynak kullanıcı arabirimi araç seti bazı yenilikler gösterebilir. Bunlar, geliştirilmiş sekme performansını, tüm kaplama bileşenlerinde bildirime dayalı kaplamaları ve revize edilmiş Vine desteğini içerir. Ayrıca, yardımcı teknolojilerle daha iyi çalışan ve daha az basmakalıp kod üretmesi gereken yenilenmiş bir şekil denetleme sözdizimi de var.
Daha fazla performans ve bağlanabilirlik Vida
Geliştirme ekibi, beta yayınlandığında Ionic 7’de yer alan özellikleri zaten duyurmuştu. Ionic React ve Ionic Vue için kartlar arasında geçiş yapıldığında performansın yüzde 70 arttığı söyleniyor. Ionic Angular kullanan geliştiriciler, iyonik bileşenlerin hızlandırılmış başlatma hızından yararlanabilir. Bu, yine Ionic’ten gelen web bileşenleri için bir derleyici olan Stencil’deki optimizasyonlara dayanmaktadır.
Ionic 7, Vite oluşturma aracı ve Vitest test çerçevesi ile paketleri kullanmayı kolaylaştırmak için Ionic React ve Ionic Vue için CommonJS giriş noktalarını kaldırır.
Bindirmeler çevrimiçi
Sürüm 6, uygulama şablonları içinde bildirimsel olarak modal ve popover bileşenlerini kullanma becerisini tanıttı. Geçerli sürüm, bu özelliği daha fazla bileşene eklediğinden artık tüm bindirme bileşenleri için geçerlidir: eylem sayfası, uyarı, karşıya yükleme, seçme ve uyarı. Bu, verilerin bir denetleyici kullanmadan bileşen örneğinde özellikler olarak iletilmesine izin verir.
Bunun ötesinde, geliştirme ekibi şu özelliklere sahiptir: isOpen VE trigger katma. Bu bindirmeleri sunmak ve ortadan kaldırmak için gereken kod miktarını azaltmayı amaçlarlar.
<ion-button id=”open-loading”>Open Loading</ion-button>
<ion-loading trigger=”open-loading” message=”Loading…”></ion-loading>
Basitleştirilmiş ve daha ucuz sözdizimi
gibi form kontrolleri için Toggle VEYA Input Ionic 7, basitleştirilmiş bir sözdizimi sunar. Makalenin bileşenlerine ve etikete duyulan ihtiyaç – ion-item– VE ion-label – ihmal edilir ve her form denetimi, etiket içeriğini doğrudan işler. Yardımcı Metin gibi bazı özellikler şu kaynaktan gelir: ion-item uygun form kontrollerine taşındı, örneğin ion-input, ion-textarea VEYA ion-select.
Bu yenilikler çeşitli faydalar sağlamalıdır. Yani ihmal edilmelidir ion-item– VE ion-label-Koşullar, daha az standart kod anlamına gelir. Bir kontrolün bir etiketle ilişkilendirilmesini sağlayarak yardımcı teknoloji uyumluluğunu artırmayı ve sonuç olarak form bileşeni API’lerinin amacını netleştirerek geliştirici deneyimini iyileştirmeyi amaçlar.
Değişikliklerden önceki sözdizimini gösteren bir örnek
<ion-item fill=”outline”>
<ion-label>Email:</ion-label>
<ion-input placeholder=”[email protected]”></ion-input>
<div slot=”helper”>Please enter a valid email address</div>
</ion-item>
ve değişikliklerden sonra
<ion-input
label=”Email:”
placeholder=”[email protected]”
fill=”outline”
helper-text=”Please enter a valid email address”
></ion-input>
Yeni sözdizimi geriye dönük olarak uyumludur. Bu nedenle, Ionic’in yeni sürümüne geçiş yaparken sözdizimini değiştirmeye gerek yoktur. Bir geçiş kılavuzu, Ionic 6’dan 7’ye yükseltirken genel olarak nelerin dikkate alınması gerektiğini gösterir.
Tüm yeni özellikler Ionic blogunda mevcuttur.
(Mayıs)
Haberin Sonu