Mengenal Laravel Livewire

admin 1 year ago Belajar Laravel

Assalamualaikum Warohmatulloh Wabarokatuh, pada artikel ini saya akan mengajak teman-teman sekalian untuk mengenal Laravel Livewire. Livewire adalah full-stack framework untuk Laravel, yang memungkinkan kita membuat antar muka dinamis secara mudah, tanpa meninggalkan kenyamanan Laravel atau maksudnya gaya kodingnya masih Laravel banget. Biasanya kita menggunakan frontend framework semisal Vuejs atau React, kita biasanya membutuhkan API untuk mengambil data dan menampilkan data. Sedangkan Laravel Livewire ini tidak seperti itu, Livewire membuat 2 file ketika kita membuat component Livewire, file pertama adalah file Class PHP yang bekerja mirip dengan controller di Laravel, dan yang kedua adalah file view, proses menampilkan data di Livewire sama persis dengan cara kita biasanya menampilkan data dari controller ke view di Laravel.

Menurut halaman awal webnya, Livewire kurang lebih seperti ini cara kerjanya.

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

Livewire hanya mengandalkan AJAX request untuk melakukan semua komunikasi servernya dan tidak menggunakan websockets.

Sedikit rumit jika dijelaskan dengan kata – kata, tapi kurang lebih seperti itu, mungkin kawan kawan akan paham, ketika praktik dengan kode.

Ilmu Komputer Laravel PHP