Remix.js Nedir? Neye çözüm getirdi?

React framework temelini esas alan Remix.js, React.js ve Next.js’in eksik noktalarını tamamlamak ve optimize etmek için sunulmuş bir kütüphanedir. Remix.js in başlıca özelliklerini şöyle sıralayabiliriz;

Async Fetch Api : Remix.js in en çok övündüğü noktadır. Karmaşık statik yapılar kullanmak yerine tarayıcınında özelliklerini kullanarak sayfaların hızlı bir biçimde yüklenmesini sağlar.

Yukarıdaki örnekte Remix.js olmayan sistemlerde bir sayfanın yüklenme biçimi waterfall modeline göre senkron ilerlemektedir. Bundan dolayı sayfa yüklenme süreleri çok uzun sürmektedir.

Fakat Remix.js tarafında Asenkron yapıda yapılan istek düğümleri, sayfaların daha hızlı yüklenmesini sağlamaktadır.

Nesned Routes : İç İçe Yönlendirme, URL’nin segmentlerini kullanıcı arabirimindeki bileşen hiyerarşisine bağlamanın genel fikridir.

Her durumda URL segmentleri şu üç duruma göre çalışıyor;

1-Sayfanın genel yapısı DOM

2-Javascript kodunun yorumlanması

3-Veriler bağımlılıkların implement’i

Her bir .js dosyası için bu üç durum gerçekleşir ve iç içe rotalar kullandığımız için her bir segment kendine ait olan operasyonları gerçekleştirir.

SONUÇ:

İlk yazımda amacım React.js ve Next.js’e farklı bir boyut katan Remix.js’in daha da gelişeceğini ve Next.js’in yerini alabileceğini düşünüyor olmamdır.

Remix.js’in geleneksel waterfall tipinde yapılan istek tiplerindeki gecikme sorununu çözüm getirmiş duruyor. Kütüphanenin yaratıcılarından olan geliştiriciler, henüz açmadığımız ama açılması umulan sayfalar için yapılacak olan istekleri önceden yapıp bunları istenilen sayfa açılana kadar bekletiyor bu sayede sayfa yüklenme sürelerinde yüksek oranda düşüş sağlanıyor.

Bir sonraki yazımda bu durum üzerinde yoğunlaşacağım. Makaleme yorum yaparak veya beğenerek motivasyonumu arttırabilirsiniz. :)