Menggunakan Laravel Livewire Pada Laravel 8

Laravel 8 : Laravel Livewire Usage

0
2484

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 :

Laravel Livewire Creating Components Laravel 8
Laravel Livewire Creating Components Laravel 8
Laravel Livewire Controller components
Laravel Livewire Controller components
Laravel Livewire Views Components
Laravel Livewire Views Components

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 🙂