1. Svelte Nedir?
Svelte, son yıllarda popülerlik kazanan, modern ve hız odaklı bir JavaScript framework’üdür. React veya Vue gibi framework’lerin aksine, Svelte’in çalışma prensibi biraz farklıdır. React ve Vue, uygulamanızı çalıştırmak için her defasında bir JavaScript kodu yüklerken, Svelte, uygulamanızı yazarken kodu doğrudan derleyip optimize eder. Bu da size inanılmaz hızlı bir kullanıcı deneyimi sunar.
2. Svelte Kurulumuna Başlayalım!
Hadi şimdi Svelte’i kurmaya geçelim. Eğer bilgisayarınızda Node.js yüklü değilse, ilk adım olarak Node.js'i indirip kurmalısınız. Node.js, JavaScript çalıştırmak için gerekli ortamı sağlar.
Node.js İndirme:
Node.js’i [resmi web sitesinden](https://nodejs.org) indirebilirsiniz. Çalıştırma işlemi oldukça basit ve hızlıdır.
Kurulum tamamlandığında, komut satırına gidin ve şu komutu girin:
node -v
Bu komut, Node.js’in doğru şekilde kurulduğunu doğrular. Eğer versiyon numarasını görüyorsanız, her şey yolunda demektir!
Svelte Projesi Oluşturma:
Şimdi sıra, Svelte uygulamanızı oluşturmakta. Komut satırında aşağıdaki komutları girerek yeni bir proje oluşturun:
npx degit sveltejs/template svelte-app
cd svelte-app
npm install
npm run dev
Burada yapılan şey:
- `npx degit sveltejs/template svelte-app`: Bu komut, Svelte’in temel şablonunu alıp yeni bir klasöre “svelte-app” adıyla kopyalar.
- `cd svelte-app`: Proje dizinine geçiş yaparız.
- `npm install`: Gerekli bağımlılıkları yükleriz.
- `npm run dev`: Geliştirme modunda Svelte uygulamamızı çalıştırırız.
Artık tarayıcınızı açıp [http://localhost:5000](http://localhost:5000) adresine giderek Svelte uygulamanızı görebilirsiniz!
3. İlk Svelte Uygulamanızı Yazalım!
Şimdi, kurulum tamamlandı ve Svelte ile ilk uygulamanızı yazmaya hazırsınız. Hadi birlikte bir "Merhaba Dünya" uygulaması yapalım.
Proje klasörünüzde, `src/App.svelte` dosyasını açın. İçindeki kodu şu şekilde değiştirin:
Merhaba {name}!
Yukarıdaki kodda şunları yaptık:
- `