Svelte Nedir?
Svelte, geleneksel JavaScript framework'lerinden farklı olarak derleme aşamasında çalışır. Yani, kodunuz yazıldığında tarayıcıda çalışacak hale gelmeden önce derlenir ve gereksiz tüm JavaScript kodları ortadan kaldırılır. Bu, sayfanızın daha hızlı yüklenmesini sağlar. Kısacası, Svelte'in size sunduğu en büyük avantaj, tarayıcıda daha az işlem yapılması ve daha hızlı bir kullanıcı deneyimi sunmasıdır.
Svelte Nasıl Kurulur?
Svelte ile çalışmaya başlamak çok kolay. Hadi, kurulum aşamasına geçelim!
İlk olarak, bilgisayarınızda Node.js’in kurulu olması gerekiyor. Eğer Node.js yüklü değilse, [resmi sitesinden](https://nodejs.org/) indirip kurabilirsiniz. Şimdi, kurulum adımlarını takip edelim:
1. Yeni bir proje oluşturun: Terminal veya komut istemcisini açın ve aşağıdaki komutla yeni bir Svelte projesi başlatın:
npx degit sveltejs/template svelte-uygulamasi
Bu komut, Svelte’in en güncel şablonunu indirip "svelte-uygulamasi" adlı yeni bir klasörde projeyi başlatacaktır.
2. Projeye geçiş yapın: Şimdi projenizin klasörüne geçmeniz gerekiyor. Şu komutla bu işlemi gerçekleştirebilirsiniz:
cd svelte-uygulamasi
3. Bağımlılıkları yükleyin: Projenizi oluşturduktan sonra, gerekli bağımlılıkları yüklemek için şu komutu kullanın:
npm install
Bu komut, gerekli tüm paketleri yükleyecektir.
4. Projeyi başlatın: Her şey hazır! Şimdi projenizi başlatabilirsiniz. Aşağıdaki komutla uygulamanızı başlatın:
npm run dev
Bu komut, uygulamanızı geliştirme modunda başlatacaktır ve tarayıcınızda `http://localhost:5000` adresinden görüntüleyebilirsiniz.
İlk Svelte Uygulamanız
Artık Svelte'i kurduk, peki ya uygulama? Merak etmeyin, çok basit bir uygulama yazacağız. Şimdi, `src/App.svelte` dosyasına gidin ve aşağıdaki basit kodu yazın:
Merhaba {name}!
Yukarıdaki kodda ne yaptık? Çok basit bir şekilde, ekranda "Merhaba Dünya!" yazdırdık. Ayrıca, bir input alanı ekledik. Kullanıcı bu alana adını yazarsa, "Merhaba" yazısındaki "Dünya" kelimesi, yazdığı isimle değişecek.
Başka Ne Yapabiliriz?
Svelte’in güzelliklerinden biri, "reactivity" (tepkisellik) özelliğiyle her şeyin nasıl kolayca dinamik hale getirilebileceğidir. Bu özelliği, veri değiştiğinde DOM’un anında güncellenmesini sağlayarak çok hızlı bir deneyim sunar.
Örneğin, bu input alanına yazdığınız her harf, otomatik olarak ekranda yansıyacaktır. Svelte’in güçlü ve verimli reaktif yapısı sayesinde bu tarz dinamik etkileşimleri kolayca ekleyebilirsiniz.
Sonraki Adımlar
Şimdi, temel kurulumunuzu yapıp ilk uygulamanızı yazdınız. Harika bir başlangıç! Svelte ile neler yapabileceğinize dair daha fazla fikir edinmek için, resmi [Svelte dokümantasyonunu](https://svelte.dev/docs) inceleyebilirsiniz. Bir sonraki aşamada, projelerinize komponentler, mağazalar (stores), animasyonlar ve çok daha fazlasını ekleyerek Svelte dünyasında derinleşebilirsiniz.
Sonuç olarak, Svelte oldukça hızlı, hafif ve kullanıcı dostu bir framework’tür. Hem yeni başlayanlar hem de deneyimli geliştiriciler için mükemmel bir seçimdir. Eğer hızlı bir şekilde modern ve verimli bir web uygulaması geliştirmek istiyorsanız, Svelte tam size göre!
