React Server Components: Detaylı İnceleme
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.