Svelte çerçevesini öğrenin ve bu kılavuzla akıllı web uygulamalarını nasıl geliştireceğinizi öğrenin.

Svelte, etraftaki en popüler JavaScript çerçevelerinden biridir. 2022 StackOverflow Geliştirici Anketinde, web geliştiricileri arasında en sevilen ikinci JavaScript çerçevesi olarak ortaya çıktı. Bu kılavuzda, temel bilgileri ve Svelte kullanarak basit bir yapılacaklar uygulamasının nasıl oluşturulacağını öğreneceksiniz.

Svelte'ye Başlarken

ile bir şeyler ayarlayacaksınız. Vite oluşturma aracı. Terminali açın ve aşağıdaki komutları sırayla çalıştırın. Projeyi "ince uygulama" (veya seçiminiz) olarak adlandırın, çerçeve olarak Svelte'yi seçin ve varyant olarak JavaScript'i ayarlayın.

İplik davet oluştur
CD ince uygulama
iplik
iplik geliştirme

Projeyi bir kod düzenleyicide açın, silin lib klasörün içeriğini temizleyin ve uygulama.css dosya ve App.svelte dosya.

Svelte, React ile Nasıl Karşılaştırılır?

bu DOM ağaç benzeri bir yapıdır sayfayı oluşturan farklı öğeler arasındaki ilişkileri gösteren, bir sitenin HTML'sinden oluşturulmuştur.

instagram viewer

Sanal bir DOM kullanan React'in aksine Svelte, oluşturma zamanında uygulamanızdaki şeylerin nasıl değişebileceğini anlayan bir derleyicidir. Svelte derleme zamanında çalıştığı için, yüksek performanslı ve optimize edilmiş vanilya JavaScript ile sonuçlanır.

Svelte'de Reaktivite ve Animasyon

Çoğu Svelte uygulamasının yapısı aşağıda gösterilmektedir. dahil etmemeyi seçebilirsiniz. stil etiketler yalnızca senaryo ve işaretleme: