Laravel Liveware, Framework Laravel untuk Membuat UI yang Dinamis

Livewire adalah full-stack framework untuk Laravel, yang memungkinkan kita membuat antar muka dinamis secara mudah, tanpa meninggalkan kenyamanan Laravel atau maksudnya gaya penulisan kodingnya masih Laravel banget.Pengguna Laravel tidak perlu lagi menggunakan Ajax, React Js ataupun Vue Js untuk meningkatkan kinerja website.
 

Bagaimana Laravel Livewire Bekerja?

Saya akan memberikan gambaran bagaimana Laravel Livewire bekerja:

1. Livewire merender component awal dengan sebuah halaman ( seperti Blade @include), dengan cara ini jadi SEO friendly.
2. Ketika terjadi interaksi, Livewire membuat AJAX request dengan data terbaru.
3. Server merender ulang component dan merespons dengan HTML yang baru.
4. Kemudian secara pintar Livewire memutasi DOM sesuai hal – hal yang berubah.

Kita tidak perlu lagi pusing-pusing dengan Javascript, Sebab, persoalan Javascript dan Ajax sudah langsung ditangani oleh Laravel Livewire.
 

Cara Install Laravel Livewire

Cara install Laravel Livewire sangat mudah, silahkan masuk ke direktori project anda, lalu ketikkan perintah berikut ini:

composer require livewire/livewire 

Pastikan composer sudah terinstall di komputer anda.
Tunggu sampai proses installasi selesai.
 

Cara membuat component di liveware

Ketikkan Perintah berikut diterminal anda:

php artisan make:livewire counter

dengan menjalankan perintah diatas,secara otomatis akan  membuat  file baru yang terletak pada direktori App\Http\Livewire\ dan secara otomatis juga akan membuat file untuk viewnya di dalam direktori resource\view\liveware\.

namespace App\Http\Livewire;

use Livewire\Component;

class Counter extends Component
{
    public function render()
    {
        return view('livewire.counter');
    }
}

  <div>
     ....
  </div>