Sayfa gecislerini onceden hazirlama
SPA Prefetch sistemi kurduk. Kullanici bir linkin uzerine geldiginde, o sayfa arka planda ondan yukleniyor. Tikladiginda aninda aciliyor.
Muzibu'da sayfalar arasi gecis artik anlik. Playlist'ten sarki detayina, oradan sanatci sayfasina... Hepsi bir anda.
Livewire ve Alpine.js ile entegre calisiyor. Tam sayfa yenilemesi yok, sadece degisen kisim guncelleniyor.
Livewire 3 ile gelen wire:navigate ozelligi. Sayfa gecisleri SPA gibi ama sunucu tarafli render.
Ayarlar > Performans > SPA Mode
Dashboard > Performans > SPA
Hangi sayfalar prefetch edilecek
Ayarlar > Tema > Animasyonlar
Livewire 3'ün wire:navigate özelliği sayfa geçişlerini SPA gibi yapar. Kullanıcı linke hover ettiğinde sayfa arka planda fetch edilir.
wire:navigate directive'i olan linkler için mouseenter event listener eklenir.
Livewire fetch(url, {priority: 'low'}) ile sayfayı arka planda indirir. Ana thread engellenmez.
Gelen HTML yanıtı Livewire.navigate.cache objesinde saklanır. URL key olarak kullanılır.
Kullanıcı tıkladığında event.preventDefault() ile varsayılan davranış engellenir.
Cache'teki HTML ile mevcut document.body değiştirilir. history.pushState ile URL güncellenir.
Yeni sayfadaki Livewire componentleri Livewire.rescan() ile aktif edilir. Alpine.js de yeniden başlatılır.
Single Page Application. Tek sayfa uygulama mimarisi.
Önceden getirme. Sayfaları kullanıcı tıklamadan yükleme.
Livewire 3 özelliği. SPA benzeri sayfa geçişleri.
Sadece değişen kısmı güncelleme. Tüm sayfa yok.