Blog'a Dön

React Server Components: Detaylı İnceleme

Berat Ergün
Berat Ergün
18 dk okuma
ReactServer ComponentsNext.jsPerformance

React Server Components: Detaylı İnceleme

React Server Components, React ekosisteminde paradigma değiştiren bir yenilik. Server-side rendering'den farklı olarak, component'ların doğrudan sunucuda çalışmasını sağlıyor.

🤔 Server Components Nedir?

Server Components, traditional SSR'dan farklı olarak:

  • Component'lar sunucuda çalışır
  • JavaScript bundle'ına dahil edilmez
  • Direkt server-side data fetch yapabilir
  • Client-side hydration gerektirmez

🔄 RSC vs SSR vs CSR

| Özellik | CSR | SSR | RSC | |---------|-----|-----|-----| | Rendering Yeri | Client | Server → Client | Server | | Bundle Size | Büyük | Orta | Küçük | | Data Fetching | useEffect | getServerSideProps | Direkt | | Hydration | Evet | Evet | Hayır | | SEO | Zayıf | İyi | Mükemmel |

🎯 Sonuç

React Server Components, modern web uygulamaları için oyun değiştirici bir teknoloji. Doğru kullanıldığında performans, SEO ve kullanıcı deneyimi açısından büyük avantajlar sağlıyor.