React 19 Server Bileşenleri ve Sınır Tasarımı

RSC temelleri

React 19 Server Components, sunucuda render edilen ve istemciye minimal JS gönderen bileşenler. 2026’da Next.js App Router ile birlikte varsayılan. Client boundary yalnızca etkileşim gerektiğinde.

Sınır tasarımı

Veri çekme server component’te; state ve event handler client’ta. Yanlış sınır, bundle şişirir veya hydration hatası üretir. 'use client' dosya seviyesinde bilinçli.

Streaming

Suspense ile parça parça HTML; TTFB iyileşir. Loading UI erişilebilir olmalı. Error boundary streaming ile uyumlu planlanmalı.

Server Actions

Form gönderimi sunucuda; validation Zod ile. Mutation sonrası revalidatePath/revalidateTag. Rate limit ve auth her action’da.

Cache entegrasyonu

React cache() ve fetch cache birlikte düşünülmeli. Aynı veri iki kez fetch edilmesin. Request memoization sınırlarını bil.

Güvenlik

Server component’te secret güvenli; client’a prop olarak sızmamalı. Serializable props kuralına uy. HTML injection için sanitize.

Test

RSC unit test zor; integration ve e2e ağırlıklı. Client component’ler RTL ile. Storybook client sınırında.

Performans

Client ağacını küçük tut; icon ve chart’lar lazy. RSC payload inspect ederek gereksiz alan kaldır.

Sonuç

React 19 RSC, doğru sınırla performans ve DX kazandırır. Server-first düşün, client’ı istisna yap. Mimari review’da boundary diyagramı iste.