Spotify ve Netflix gibi akıcı bir deneyim. Sayfa yenilenmeden her şey güncellenir.
Eski web sitelerinde bir butona tıkladığınızda tüm sayfa yeniden yüklenir. Bu hem yavaştır hem de kullanıcı deneyimini bozar. Biz sitenizi modern uygulama gibi tasarladık. Tıkladığınızda sadece o bölüm güncellenir, sayfa yenilenmez.
Siz bir butona tıkladığınızda sistem şunları yapıyor:
Alpine.js tarayıcıda tıklamanızı algılıyor. Sayfa yenilenmeden işlem başlıyor.
Tüm sayfa değil, sadece "kalp ikonuna tıklandı" gibi küçük bir bilgi gönderiliyor.
Sunucudaki Livewire komponenti favorilere ekleme işlemini veritabanında gerçekleştiriyor.
Tüm sayfa değil, sadece kalp ikonunun yeni hali (dolu kalp) geri dönüyor.
Alpine.js gelen yeni HTML'i sayfada doğru yere yerleştiriyor. Göz açıp kapayıncaya kadar!
Sayfa yenilenmediği için player çalmaya devam ediyor. Spotify deneyimi!
İşte sitenizde her gün yaşanan bazı senaryolar.
Bir şarkıyı favorilere eklediğinizde sayfa yenilenmez. Kalp ikonu anında dolar, şarkı çalmaya devam eder. Kullanıcı hiçbir kesinti yaşamaz.
Arama kutusuna yazdıkça sonuçlar anında güncellenir. Enter'a basmanıza gerek yok. Her harf yazıldığında arama yapılır.
Bir sayfadan diğerine geçtiğinizde müzik çalmaya devam eder. Player altta sabit kalır, sadece içerik alanı değişir.
Menüler, popup'lar, bildirimler... Hepsi anında açılır ve kapanır. Sayfa yenilenmeden, pürüzsüz animasyonlarla.
Akıcı deneyim kullanıcıları sitede tutar. Kesintisiz müzik, hızlı tepkiler, modern his.
Sayfa değişse bile müzik durmuyor. Kullanıcı istediği gibi gezinirken dinlemeye devam ediyor.
Web sitesi değil, uygulama gibi hissettiriyor. Profesyonel ve modern görünüm.
Sadece gerekli veriler güncelleniyor. Sunucu daha az çalışıyor, internet daha az harcanıyor.
(Reactive UI)
Veri değiştiğinde ekranın otomatik güncellenmesi.
Favori ekleyince kalbin anında dolması gibi.
(Partial Update)
Tüm sayfa yerine sadece değişen bölümün yenilenmesi.
Tüm evi boyamak yerine sadece lekeli duvarı boyamak.
(Single Page Application)
Tek sayfa üzerinde çalışan, sayfa yenilemeyen uygulama.
Gmail, Spotify, Netflix hep SPA mantığıyla çalışır.
(Bileşen)
Tekrar kullanılabilir arayüz parçası.
Lego parçası gibi: bir kez yap, her yerde kullan.