Sunucu Bileşenleri (Server Components) Nedir?
İngilizce: React Server Components
Sunucu bileşenleri, arayüzün bazı parçalarını tarayıcıya JavaScript göndermeden sunucuda çalıştırıp HTML çıktısı üretir.
Sunucu Bileşenleri (Server Components) Nedir?
Sunucu bileşenleri, özellikle React ekosisteminde arayüzün bazı parçalarının sunucuda çalışmasını sağlar. Bu bileşenler veriye doğrudan erişebilir, HTML benzeri çıktı üretir ve kendi JavaScript kodunu tarayıcıya göndermek zorunda kalmaz.
Klasik istemci bileşeninde kod tarayıcıya iner, veri çağrıları yapılır ve etkileşimler JavaScript ile yürür. Sunucu bileşeninde ise veritabanı sorgusu, dosya okuma veya backend servis çağrısı sunucu tarafında kalabilir. Bu, gizli anahtarların tarayıcıya taşınmasını önler ve bundle boyutunu azaltabilir.
Nasıl Çalışır?
React Server Components yaklaşımında sunucu bileşenleri etkileşimli durum tutmaz. Buton tıklaması, form durumu veya tarayıcı API’si gerekiyorsa istemci bileşeni kullanılır. Next.js gibi framework’ler iki bileşen türünü aynı ağaç içinde birleştirir.
Bu yapı SSR ile karıştırılmamalıdır. SSR sayfanın ilk HTML çıktısını üretir; server components ise hangi bileşen kodunun tarayıcıya gitmeyeceğini de belirler.
İş Kullanımı
Sunucu bileşenleri yönetim panelleri, ürün detay sayfaları, raporlama ekranları ve içerik ağırlıklı uygulamalarda veri erişimini sadeleştirebilir. En iyi sonuç için etkileşimli parçalar ile salt veri gösteren parçalar bilinçli ayrılmalıdır.
İlgili Terimler
Next.js, React uygulamalarına sunucu tarafı render, statik üretim, dosya tabanlı yönlendirme ve backend uçları ekleyen web çerçevesidir.
ReactReact, kullanıcı arayüzlerini yeniden kullanılabilir bileşenlere ayırarak durum değişimlerini ekrana verimli yansıtan açık kaynak JavaScript kütüphanesidir.
SSRSSR, sayfanın HTML'ini sunucuda her istek için üretip tarayıcıya hazır içerik göndererek ilk görüntüyü ve SEO'yu iyileştiren yaklaşımdır.