Apa itu LiveWire?

Dalam tutorial ini, kita akan melihat alat lain yang dapat membuat hidup Anda lebih mudah sebagai pengembang Laravel. Secara khusus, kita akan melihat Livewire, kerangka kerja full-stack untuk Laravel yang memungkinkan kita membangun antarmuka dinamis tanpa menulis banyak JavaScript. Semuanya pada dasarnya dilakukan dengan alat yang sudah Anda kenal sebagai pengembang Laravel.

Apa itu LiveWire?

Livewire adalah pustaka yang memungkinkan kita membangun antarmuka reaktif dan dinamis menggunakan Blade dan sedikit JavaScript. Saya katakan "sedikit" karena kita hanya akan menulis JavaScript untuk meneruskan data melalui acara browser dan menanggapinya.

Anda dapat menggunakan Livewire untuk mengimplementasikan fungsi berikut, tanpa memuat ulang halaman:

• paginasi
• validasi formulir
• pemberitahuan
• pratinjau unggahan file

Perhatikan bahwa Livewire tidak terbatas pada fungsi di atas. Anda dapat menggunakannya untuk lebih banyak lagi. Fitur di atas hanyalah fitur paling umum yang mungkin ingin Anda terapkan di aplikasi Anda.

Livewire vs Vue

Vue selalu menjadi kerangka kerja front-end pilihan bagi pengembang Laravel untuk menambahkan interaktivitas ke aplikasi mereka. Jika Anda sudah menggunakan Vue untuk memberi daya pada aplikasi Anda, Livewire adalah opsional untuk Anda pelajari. Tetapi jika Anda cukup baru dalam melakukan front end di Laravel, dan Anda mencari Livewire sebagai pengganti Vue, maka ya, Anda dapat menggunakan Livewire sebagai pengganti Vue. Kurva pembelajaran
tidak akan setajam mempelajari Vue, karena Anda sebagian besar akan menggunakan Blade untuk menulis file template Anda.

Untuk informasi lebih lanjut tentang perbandingan Livewire dan Vue, lihat “ Laravel Livewire vs Vue ”.

Ikhtisar aplikasi

Nanti Kita akan membuat aplikasi CRUD langsung. Jadi pada dasarnya ini adalah aplikasi CRUD tanpa halaman dimuat ulang. Livewire akan menangani semua permintaan AJAX yang diperlukan untuk memperbarui UI. Ini termasuk memfilter hasil melalui bidang pencarian, menyortir melalui header kolom, dan pagination sederhana (sebelumnya dan berikutnya). Membuat dan mengedit pengguna akan menggunakan Bootstrap Modals.

Prasyarat

Tutorial ini mengasumsikan bahwa Anda memiliki pengalaman dengan pengembangan aplikasi PHP. Pengalaman di Laravel sangat membantu tetapi tidak diperlukan. Anda masih bisa mengikuti jika Anda hanya tahu PHP biasa atau kerangka kerja PHP lainnya.

Tutorial ini mengasumsikan bahwa Anda telah menginstal perangkat lunak berikut di mesin Anda:

• PHP
• MySQL
• NGINX
• Komposer
• Node dan npm

Jika Anda menggunakan Mac, opsi yang lebih nyaman daripada menginstal MySQL dan NGINX adalah menginstal DBngin dan Laravel Valet sebagai gantinya.