Livewire untuk fullstack laravel

Kamu sering membuat aplikasi fullstack laravel dengan VueJS atau React? atau sering melakukan request ajax menggunakan axios atau fetch untuk merubah bagian kecil dari data kamu? Coba yang satu ini! laravel livewire akan memudahkan hidupmu

Update kelas terakhir : 3 tahun yang lalu

intro laravel livewire

Satu lagi karya dari Caleb Porzio selain AlpineJS, kali ini kita kenalan degan laravel livewire untuk aplikasi kamu yang banyak berinteraksi via ajax dengan server tanpa harus menggunakan framework seperti Vue atau react

alur dasar livewire

Bagaimana sih cara bekerja atau dasar dari livewire? kita lihat bagaimana cara menggunakan livewire, mulai dari component hingga viewsnya

menampilkan data dan filter livewire

Praktek laravel livewire ini, kita akan belajar bagaimana cara menampilkan data dan melakukan filter di aplikasi livewire

defer debounce dan lazy pada model

Ada banyak property tambahan pada model laravel livewire, seperti defer debounce dan lazy pada model untuk mengatur seberapa cepat kamu ingin melakukan live update ketika user bermain dengan modelnya

komponen livewire

Kita coba belajar laravel livewire dengan membaginya ke beberapa komponen, sama seperti kamu membuat komponen di React atau VueJS

menambah item livewire

Bagaimana cara menambah item livewire via ajax tanpa harus merefresh seluruh halaman. Kita belajar juga cara emit data atau memberitahu dari child ke parent komponent saat ada perubahan

validasi di livewire

Cara melakukan validasi di laravel livewire untuk form kamu sama seperti validasi di laravel biasa

edit data dengan modal

Bagaimana cara edit data dengan modal di laravel livewire via ajax tanpa harus merefresh seluruh halaman

refactor index metode

Waktunya kita refactor bagian index metode yang sudah banyak mengandung kode yang sama, kita juga kenalan dengan metode $refresh di livewire untuk mereload suatu data tanpa harus menyebutkan fungsi eksplisitnya

masalah dom diffing

Kode kita masih ada bug, atau livewire sendiri kadang masih punya issue saat ini dengan perubahan DOMnya, dikenal dengan dom diffing, kita lihat apa masalahnya dan bagaimana cara sementara untuk mengatasinya

Daftar Video