Herkese merhaba, bu yazımda sizlere Laravel Livewire nasıl kurulur bunu anlatacağım. İlk olarak Livewire nedir bundan bahsedeyim.

jQuery ya da Javascript ile sayfa içeriği güncellemeden Livewire otomatik olarak bu işlemi yapmaya yarıyor. Zaten bir kere kullandıktan sonra bırakamayacağınızın garantisini veriyorum. (Çünkü ben de öyle oldu, artık projelerimde AJAX ile çalışmıyorum.)

Livewire Kurulumu

Laravel projenizin içerisine terminale aşağıdaki komutu giriyorsunuz.

composer require livewire/livewire

Bu işlemden sonra <head> tagınız arasına aşağıdaki kodu giriyorsunuz.

@livewireStyles

Ve </body> tagının hemen üstüne aşağıdaki kodu ekliyoruz.

@livewireScripts

Bu işlemden sonra artık livewire projenizde kuruluma hazır hale gelmiş oluyor.

Component Oluşturma

Tekrar aynı şekilde terminalimizi projemiz içerisinde açıyoruz ve aşağıdaki kodu giriyoruz.

php artisan make:livewire counter

Bu kod app/Http/Livewire/Counter.php ve resources/views/livewire/counter.blade.php adında 2 adet dosya oluşturacaktır.

Counter.php içerisinde blade tarafında ne yapılmasını istiyorsak bu dosyada bunu yapıyoruz.

counter.blade.php dosyasını açıp içine aşağıdaki yazıyı yapıştırın.

<h1>Ben hep seni sayarım...</h1>

Daha sonra counter'ımızı nerede göstermek istersek oraya şu şekilde kodumuzu ekliyoruz.

<livewire:counter/>

Sayfanızı yenilerseniz Ben hep seni sayarım... yazdığını göreceksiniz. İşte işlem bu kadar.

Videolu Anlatım: Laravel Livewire Kurulumu Kaynak: Laravel Livewire