Svelte, kullanımı kolay basit bir çerçevedir ve en son değişiklikleri onu daha da kolaylaştırmalıdır.

Haziran 2023'te Svelte, en son kararlı sürümü olan sürüm 4'ü duyurdu. Svelte 4 güncellemesi, öncelikle Svelte 3'ün bir bakım sürümüdür ve Svelte'nin yeni neslinin Svelte 5 olarak piyasaya sürülmesi için zemin hazırlamayı amaçlamaktadır.

Svelte 4, Svelte ekosistemine bir web sitesinin yeniden tasarlanması, yerel geçişlerin varsayılan olarak ayarlanması, web bileşenleri desteğinin iyileştirilmesi ve TypeScript'ten JSDoc'a geçiş dahil olmak üzere çeşitli iyileştirmeler ekler.

1. Svelte Site Yeniden Tasarımı

Svelte 4, resmi iyileştirmelerle birlikte geldi İnce web sitesi. Geliştirilmiş TypeScript belgeleriyle sitenin yeni görünümü harika, karanlık mod seçeneğive cihazlar arasında genel olarak iyileştirilmiş bir kullanıcı deneyimi.

Svelte sitesinde artık Svelte kodunu doğrudan tarayıcıda denemenize olanak tanıyan gelişmiş bir REPL bulunmaktadır.

Ayrıca, tüm Svelte öğretici bağlantıları artık yeni Svelte öğrencilerinin deneyimine işaret ederken, eski öğreticiler Safari 16.3 ve önceki sürümlerin kullanıcıları için mevcuttur.

instagram viewer

2. Yerel Geçişler Varsayılandır

Svelte geçişlerini kullandığınız için sayfanızın beklenenden daha uzun süre yüklenmesini izledikten sonra CSS geçişleriyle yetinmek zorunda kalmanın acı verici deneyimini bir düşünün.

Genellikle, bir ana bloğu yok ettiğinizde bir geçiş oynatılır. ile bu davranışı geçersiz kılabilirsiniz. |yerel değiştirici. Bu, geçişin yalnızca hedef bileşeni içeren bloğu yok ettiğinizde çalışmasına neden olur. Svelte 4'te bu |yerel değiştirici, geçişler için varsayılan olarak ayarlanır.

Aşağıdaki parçada, slayta yerel olarak bir slayt geçişi eklenir. div eleman:

 {öğe}

3. Geliştirilmiş Web Bileşenleri Desteği

Svelte her zaman yeniden kullanılabilirliği ve sürdürülebilirliği desteklemiştir, dolayısıyla web bileşenlerine yönelik sürekli desteğini sürdürmüştür. Web bileşenleri, eklenen stiller ve davranışlarla yeniden kullanılabilir özel HTML öğeleri oluşturmanıza olanak tanır.

Svelte 4, hataları ve tutarsızlıkları ortadan kaldırarak web bileşenleri oluşturma yöntemini değiştirir. Bu değişiklikler şunları içerir:

  • İhracat bileşen tüketicileri için erişilebilir hale getiren bir bileşen desteği oluşturur.
  • Ödevler tepkiseldir. Bir bileşenin durumunu değiştirmek ve yeniden işlemeyi tetiklemek için, bileşeni yerel olarak tanımlanmış bir değişkene atayın.
  • Kullan $ Bir tepki ifadesi olarak işaretlemek için bir ifadenin başındaki sembol. Bağımlı değerler değiştiğinde, diğer betik kodundan sonra ve bileşen işaretlemesi işlenmeden önce reaktif ifadeler çalıştırılır.
  • Mağaza nesneleri oluştururken, mağazanın önüne şunu ekleyin: $ bir değere reaktif erişime izin vermek için.
  • Bir komut dosyası etiketinin bağlam özniteliğini şu şekilde ayarlama modül modül her bileşen örneği yerine ilk değerlendirdiğinde betiğin bir kez çalışmasına neden olur.

4. TypeScript'ten JSDoc'a Geçiş

JSDoc, JavaScript kodlarına tip açıklamaları ve yorumlar eklemeyi destekleyen bir dokümantasyon aracıdır.

JSDoc'un geliştiricileri kodlarını belgelemeleri için kandırdığı düşünüldüğünde, bu geçiş, daha fazla Svelte geliştiricisini kodlarını düzgün bir şekilde belgeleme alışkanlığı oluşturmaya teşvik etmeyi amaçlamaktadır. Yeterince belgelenmiş bir JavaScrpt kod tabanı, çok az tip denetimi gerektirir veya hiç gerektirmez.

TypeScript'te yeniyseniz, TypeScript'i keşfedin ve geliştiricilerin neden onu tercih ettiğini keşfedin.

Svelte 4'e geçiş

Svelte 4, yüksek performanslı web uygulamaları oluşturmak için mükemmel olan gelişmiş performansa ve kolaylaştırılmış geliştirmeye sahiptir. Bu yeni sürüm, JSDoc'a geçişle birlikte daha iyi kod dokümantasyonunu da teşvik etmelidir.

Svelte gelişmeye devam ediyor ve her geliştiricinin aşina olduğu bir çerçeve olmasa da, onu şiddetle övüyorlar.