Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Inertia, istemci tarafı yönlendirmeyi geleneksel Vue.js'den farklı olarak nasıl ele alıyor?


Inertia, istemci tarafı yönlendirmeyi geleneksel Vue.js'den farklı olarak nasıl ele alıyor?


Inertia, istemci tarafı yönlendirmeyi geleneksel Vue.js'den birkaç temel yolla farklı şekilde ele alır:

1. Sunucu Tarafında Oluşturma:
- Atalet, Vue bileşenlerini oluşturmak için sunucu tarafı oluşturmayı kullanır; bu, ilk sayfa yükünün sunucu tarafından işlendiği anlamına gelir. Bu yaklaşım, geleneksel Vue.js istemci tarafı oluşturmaya kıyasla SEO'yu ve başlangıç ​​yükleme hızlarını artırır[2][4].

2. Minimum JSON Prop:
- Sunucu yeni bir rota için istek aldığında, Vue bileşeninin adını ve gerekli tüm donanımları içeren minimum bir JSON yanıtını geri gönderir. Bu yaklaşım, aktarılan veri miktarını azaltır ve performansı artırır[2][4].

3. Atalet Bağlantısı Bileşeni:
- Atalet, tıklamaları engelleyen ve verileri sunucudan almak için XHR isteklerini tetikleyen özel bir "Bağlantı" bileşeni sağlar. Bu bileşen, sayfa içeriğinin tam sayfa yeniden yüklenmeden dinamik olarak güncellenmesini sağlar[4].

4. Vue Router'a Gerek Yok:
- Tüm rotalar sunucu tarafında tanımlandığından ve Laravel'in yönlendiricisi tarafından yönetildiğinden, eylemsizlik Vue Router ihtiyacını ortadan kaldırır. Bu, geliştirme sürecini basitleştirir ve birden fazla yönlendirme sistemini yönetmenin karmaşıklığını azaltır[2][4].

5. Birleşik Ön Uç ve Arka Uç:
- Inertia, Laravel ile sorunsuz bir şekilde bütünleşerek geliştiricilerin hem ön uç hem de arka uç için aynı şablonlama dilini (Vue.js) kullanmasına olanak tanır. Bu birleşik yaklaşım, geliştirmeyi basitleştirir ve ek yapılandırma ihtiyacını azaltır[1][3].

Inertia, bu farklılıklardan yararlanarak, hem Vue.js hem de Laravel'in güçlü yönlerini birleştiren istemci tarafı yönlendirmeye benzersiz bir yaklaşım sağlayarak daha verimli ve ölçeklenebilir bir geliştirme süreci sağlar.

Alıntılar:
[1] https://github.com/inertiajs/inertia/issues/905
[2] https://inertiajs.com/routing
[3] https://jetstream.laravel.com/stacks/inertia.html
[4] https://vueschool.io/articles/vuejs-tutorials/the-ultimate-guide-for-using-vue-js-with-laravel/
[5] https://laracasts.com/discuss/channels/vue/inertia-vs-vue-pinia-and-router