React 19 ve Server Components hakkında ne biliyorsunuz?
Cevap
React Server Components (RSC), yalnızca sunucuda çalışan ve tarayıcıya JavaScript'i gönderilmeyen bileşenlerdir. Veritabanına veya dosya sistemine doğrudan erişebilir, async olabilirler. Etkileşim gereken parçalar "use client" ile işaretlenen istemci bileşenleri olarak kalır.
// Sunucu bileşeni: paketi büyütmez, veriye doğrudan erişir
export default async function UrunSayfasi({ id }) {
const urun = await db.urun.findUnique({ where: { id } });
return (
<>
<h1>{urun.ad}</h1>
<SepeteEkle id={urun.id} /> {/* "use client" bileşeni */}
</>
);
}React 19 ile gelen diğer yenilikler:
- Actions ve
useActionState: form gönderimini, bekleme ve hata durumlarını yönetir - `useOptimistic`: sunucu cevabı gelmeden arayüzü iyimser güncelleme
- `use()`: render sırasında Promise veya context okumak
ref'in normal prop olarak geçebilmesi (forwardRefgereksizleşir)- React Compiler ile otomatik memoizasyon
İlgili React soruları
- Virtual DOM nedir ve reconciliation nasıl çalışır?
- Listelerde key prop neden önemlidir? Index kullanmak neden sorunludur?
- Controlled ve uncontrolled component farkı nedir?
- useEffect bağımlılık dizisi nasıl çalışır?
- useMemo ile useCallback arasındaki fark nedir?
- Gereksiz render'ları nasıl tespit eder ve önlersiniz?
Bu konuda başka bir soru biliyor musun?
Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.