Hello Laravel lover’s, in this article i will describes how to use Livewire full-stack framework in project Laravel 8. This tutorial Laravel Livewire includes step by step installation Livewire, using components livewire, and making routing for laravel livewire.
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. So, this tutorial focused on Laravel Livewire installation, creating components, and also adding routing laravel livewire to the folder “routes\web.php. So, let’s scroll below to see step by step laravel livewire usage.
Apa Itu Laravel Livewire?
Halo, pada tutorial kali ini saya akan menyuguhkan artikel tentang laravel livewire pada laravel 8. Saya akan menggunakan laravel livewire untuk melakukan operasi CRUD pada project Laravel 8.
Sebelum menggunakan Livewire, tidak ada salahnya kita mengetahui dahulu apa itu Livewire, Laravel Livewire adalah full-stack framework yang dapat kita gunakan pada project framework Laravel untuk membangun interfaces yang dinamis namun simple tanpa meninggalkan kenyamanan menggunakan Laravel. Hal ini seperti apa yang dijelaskan pada situs resminya “Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel.”
Menggunakan Livewire pada Laravel
Untuk dapat meggunakan Livewire pada framework Laravel maka pertama yang perlu kita lakukan adalah menginstallnya pada project Laravel, melalui jendela Terminal/ Command Prompt maka jalankanlah instalasi Livewire melalui perintah composer berikut :
composer require livewire/livewire
Kemudian, pada file blade folder “resources\layouts\app.blade.php” tambahkan penggunaan Livewire seperti berikut :
<html>
<head>
…
@livewireStyles
</head>
<body>
…
@livewireScripts
</body>
</html>
Membuat Component Livewire pada Laravel
Laravek Livewire menggunakan konsep components, dan untuk membuat component Livewire pada Laravel, jalankan perintah artisan seperti berikut :
php artisan make:livewire Pengguna.index
perintah artisan diatas akan membuat component dalam sub-folder seperti berikut :



Sedangkan untuk membuat components tanpa sub-folder dapat dilakukan dengan menjalankan perintah artisan seperti berikut :
php artisan make:livewire namacomponen
Membuat Routing Laravel Livewire
Untuk membuat routing pada penggunaan livewire bisa seperti contoh berikut :
Route::get(‘/pengguna’, App\Http\Livewire\Pengguna\Index::class)->name(‘pengguna.index’);
Nah, diatas adalah ulasan singkat mengenai penggunaan Laravel Livewire pada project Laravel 8, akhir kata semoga bermanfaat dan terimakasih telah mengunjungi Jogjatech.com, happy coding 🙂