DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

BELAJAR LIVEWIRE - PENGERTIAN, KURIKULUM DAN CARA BELAJAR

Laravel livewire adalah cara untuk membuat aplikasi fullstack laravel, tanpa harus belajar banyak framework javascript lagi

Belajar Livewire

Caleb Porzio, pembuat mini framework AlpineJS, kali ini memberi tawaran untuk para pecinta Laravel yang ingin membuat aplikasi fullstack tanpa harus belajar banyak framework javascript lagi, seperti React atau VueJS, terutama jika kebutuhan kamu hanya sering melakukan request ajax ke server.

Kamu tidak bisa membandingkan langsung livewire dengan framework javascript yang lain, karena ini benar-benar dibuat khusus untuk pengguna laravel, sehingga syntaxnya tidak akan terlihat asingnya, hanya perlu cara berpikir konsep yang baru saja.

Saat menggunakan livewire, kamu perlu membuat komponen dan satu tampilan view, kamu juga akan sedikit menggunakan controller (atau tidak sama sekali) karena logikan kamu akan menempel pada komponennya itu sendiri.

Jika kamu memutuskan untuk membuat aplikasi fullstack laravel, sudah waktunya untuk mencoba livewire

Daftar materi kelas 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

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 newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding