Livewire’ı Keşfedin: Yeni Başlayanlar İçin Temel Uygulamalar

Orijinal yayın: https://medium.com/@ezeanyimhenry/discover-livewire-essential-apps-for-beginners-c3b94daeb8ab

Livewire Nedir?

Tek bir JavaScript satırı yazmadan modern, etkileşimli web uygulamaları geliştirmeyi hayal edin. Livewire, bu hayali gerçeğe dönüştürüyor! Livewire, Laravel için bir full-stack framework’tür ve PHP kullanarak reaktif bileşenler oluşturmanıza olanak tanır. Bu, web geliştirmeniz için müthiş bir süper güç gibidir.

Uygulamalar: Hızlı Bir Tur

Livewire’ı öğrenmek isteyenler için çeşitli uygulamalar derledim. Her uygulama, Livewire’ın temel bir konseptini veya özelliğini sergiliyor, böylece öğrenmek ve anlamak son derece kolay hale geliyor. İşte koleksiyon:

1. Counter Uygulaması: Saymaya Devam!

Klasik bir başlangıç! Bu basit sayıcı uygulaması, bir sayacı artırmanıza ve azaltmanıza olanak tanır. Livewire’ın reaktifliğini hissetmek için mükemmel bir uygulama.

• Özellikler:
• Sayacı artırma
• Sayacı azaltma

Link: http://localhost:8000/counter

2. Todo List: İşleri Tamamla

Her geliştiricinin aracında bulunması gereken bir uygulama. Bu todo list uygulaması, görevlerinizi eklemenize, güncellemenize ve silmenize olanak tanır. Yapacaklar listenizi profesyonelce takip edin!

• Özellikler:
• Yeni görev ekleme
• Görevleri tamamlandı olarak işaretleme
• Görev silme

Link: http://localhost:8000/todo

3. Hesap Makinesi: Matematik Kolaylaştı

Herkes iyi bir hesap makinesini sever. Bu temel hesap makinesi uygulaması, toplama, çıkarma, çarpma ve bölme işlemlerini gerçekleştirir. Akıldan hesaplamalara veda edin!

• Özellikler:
• Temel aritmetik işlemler

Link: http://localhost:8000/calculator

4. Aşamalı Dropdown: Dikkatli Seçim Yap

Bu uygulama, kıtalar, ülkeler ve eyaletler için aşamalı bir dropdown içerir. Bir kıta seçin, ülkeleri görün. Bir ülke seçin, eyaletlerini görün. Bu kadar basit!

• Özellikler:
• Bir kıta seçin ve o kıtada bulunan ülkeleri görün
• Bir ülke seçin ve o ülkedeki eyaletleri görün

Link: http://localhost:8000/cascading-dropdown

Başlarken: Macera Başlıyor

Eğlenceli işlere başlamadan önce, sizi yapılandırmak için adım adım yapacaklarınızı belirleyelim. Bu adımları takip ederek depoyu klonlayın, bağımlılıkları yükleyin ve yerel sunucunuzu başlatın. Emin olun, IKEA mobilyası bir araya getirmekten daha kolay!

Adım 1: Depoyu Klonlayın

Öncelikle, GitHub’dan depoyu alın ve proje dizinine gidin:

git clone https://github.com/ezeanyimhenry/livewire-apps.git
cd livewire-apps

Adım 2: Bağımlılıkları Yükleyin

Şimdi gerekli paketleri yükleyelim. Bu, bir film maratonu öncesi atıştırmalık stoklamak gibi:

composer install
npm install && npm run dev

Adım 3: Ortamı Ayarlayın

Ortamınızı ayarlama zamanı. .env.example dosyasını .env dosyasına kopyalayın ve veritabanı ayarlarınızı yapılandırın. Uygulama anahtarınızı oluşturmayı unutmayın!

cp .env.example .env
php artisan key:generate

Adım 4: Veritabanı Migrations ve Seed İşlemlerini Çalıştırın

Sonraki adımda, veritabanınızı migre edin ve başlangıç verileriyle doldurun:

php artisan migrate --seed

Adım 5: Uygulamayı Sunun

Son olarak, Laravel geliştirme sunucusunu başlatın ve işte! Livewire’ın sihirlerini keşfetmeye hazırsınız:

php artisan serve

Bu Uygulamaları Nasıl Kullanacaksınız

Sunucunuz çalıştıktan sonra, belirli uygulamalara erişmek oldukça kolay. Yukarıda sağlanan bağlantılara gidin ve keşfetmeye başlayın!

Katkı Sağlama: Eğlenceye Katılın!

Katkılara açığım! Eğer önerileriniz, iyileştirmeleriniz varsa ya da yeni özellikler eklemek isterseniz, sizi memnuniyetle karşılıyorum. İşte nasıl katkıda bulunabilirsiniz:

1. Depoyu fork’layın.
2. Yeni bir dal oluşturun (git checkout -b feature/özellik-adınız).
3. Değişikliklerinizi yapın.
4. Değişikliklerinizi taahhüt edin (git commit -m ‘Bir özellik ekle’).
5. Dalınıza itme yapın (git push origin feature/özellik-adınız).
6. Bir pull request açın.

Katkılarınız bu projeyi daha da harika hale getirecek!

Lisans: Hepsi Sizin

Bu proje MIT Lisansı altında lisanslanmıştır. Dilediğiniz gibi kullanabilir, değiştirebilir ve dağıtabilirsiniz. Daha fazla bilgi için LİSANS dosyasına göz atın.