Astro 3.0, Görünüm Geçiş API’sini destekler – ivobot

Farklı DOM durumları arasında animasyonlu geçişler oluşturmak ve DOM içeriğini tek adımda eşzamanlı olarak güncellemek, daha önce yalnızca tek sayfalı JavaScript uygulamalarında mümkündü. Astro web çerçevesinin şu anda tanıtılan 3.0 sürümüyle, geliştiriciler artık yalnızca yeni Görünüm Geçişleri API’sini kullanarak bir web sitesinin öğelerini görüntüleme ve dönüştürme fırsatına sahip olmakla kalmıyor, aynı zamanda sayfa gezinmesindeki duruma bağlı öğeleri de koruma fırsatına sahip.

Duyuru

Web çerçevesinin arkasındaki geliştirme ekibi, yazılımlarının ikinci ana sürümünü yalnızca Ocak ayında yayınladı. Şimdi Astro’nun 3.0 versiyonunu çok detaylı bir blog yazısında tanıtıyorlar. Bu sürüm, Görünüm Geçiş API’sini desteklemenin yanı sıra ek iyileştirmeler de sunar. Bu içerir:

  • istikrarlı görüntü optimizasyonu,
  • Astronomik bileşenleri %30 ile %75 arasında daha hızlı işleyecek daha hızlı işleme,
  • Sunucusuz için sunucu tarafı oluşturmadaki iyileştirmeler, bir barındırma platformuna bağlanmanın yeni yollarını sağlar,
  • React ve Preact için de düzeltme desteği
  • daha temiz ve daha güçlü HTML sağlamayı amaçlayan optimize edilmiş bir yapı çıktısı.

Organizatörler iX VE dpunkt.verlag 30 Kasım 2023’te, Angular geliştiricileri için kapsamlı bir inceleme olan Gelişmiş Angular Günü’ne ev sahipliği yapıyor. Yedi çevrimiçi derste Angular uzmanları, geliştiricilerin Angular’dan en iyi şekilde nasıl yararlanabileceğini ve modern web geliştirmenin uygulamaları geliştirmek için çerçeveyi nasıl kullandığını gösterecek. 4 Aralık’ta yine çevrimiçi olarak gerçekleştirilecek bir atölye çalışması, en yeni Angular özelliklerinin modern mimarilerin geliştirilmesine nasıl yardımcı olduğunu gösterecek.

Geçişleri Görüntüle, sayfalar arasında tarayıcıya özgü geçiş efektlerini etkinleştiren bir dizi yeni platform API’sidir. Şimdiye kadar bu, tek sayfalı uygulamalara (SPA’lar) ayrılmıştı. Geliştirme ekibinin web sitesindeki açıklamalarına göre Astro 3.0, bu teknolojiyi ana akım haline getiren ilk web çerçevesidir. Ayrıca geçişleri kullanmanın kolay olduğunu da belirtiyorlar. Geliştiriciler yalnızca iki satır kodla web sitelerine solma animasyonu ekleyebilir. Kendiniz denemek istiyorsanız tek yapmanız gereken bileşeni edinmek ViewTransitions ithalat ve bu <head>-Herhangi bir sayfanın öğesini ekleyin.

Astro 3.0 artık npm’de mevcut. Astro 3.0’ı tarayıcınızda çalıştırmak istiyorsanız bunu doğrudan web sitesinden yapabilirsiniz. Geliştiriciler ayrıca bir terminalde aşağıdaki komutu kullanarak doğrudan Astro 3.0 ile yeni bir proje başlatabilirler:

npm create astro@latest

Ancak mevcut bir projeyi Astro 3.0’a yükseltmek istiyorsanız, yükseltme talimatlarında her değişikliğin tüm ayrıntılarını bulacaksınız. Blog yazısı tüm yenilikleri ve değişiklikleri ayrıntılarıyla anlatıyor.


(FM)

Haberin Sonu

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir