React v19 - Actions, Server Components, Hydration hatası iyileştirmeleri, Document Metadata desteği ve daha fazlası

Yeni API'ler ve özellikler

• Actions: Veri değişikliklerini ve durum güncellemelerini otomatik olarak işler. Bekleme durumu, hata, optimistic update gibi durumları otomatik yönetir
• useActionState: Actions'ın yaygın kullanım senaryolarını basitçe ele alabilen yeni bir hook
• use API: Render sırasında promise ve context okunabilir
• useOptimistic: Asenkron istekler sırasında optimistic UI güncellemelerini kolayca uygular
• ref as a prop: Fonksiyon bileşenlerinde ref prop'u doğrudan kullanılabilir (forwardRef gerekmez)
• <Context> as a Provider: <Context.Provider> yerine <Context> doğrudan kullanılabilir

Belge ve kaynak yönetimi

• Metadata desteği: <title>, <link>, <meta> etiketleri doğrudan bileşenlerde kullanılabilir
• Stylesheet desteği: Bileşen içinde stylesheet yükleme ve öncelik yönetimi
• Asenkron script desteği: Bileşen ağacının herhangi bir yerinde asenkron script render edilebilir
• Kaynak ön yükleme: Performans optimizasyonu için prefetchDNS, preconnect, preload, preinit API'leri sunulur

İyileştirmeler

• Custom Element desteği: Custom Element'ler için tam destek eklendi
• Hata işleme iyileştirmeleri: Yinelenen hatalar kaldırıldı ve hata işleme seçenekleri eklendi
• Üçüncü taraf script/eklenti uyumluluğu: Hydration sürecinde üçüncü taraf içeriklerin işlenmesi iyileştirildi
• Hydration hatası iyileştirmeleri: Daha net hata mesajları ve debug bilgileri sunulur

Server Components

• Kararlı hale gelen Server Components: Canary kanalındaki tüm server components özellikleri React 19'a dahil edildi
• Server Actions: Client component'lerden server function çağırma özelliği sunulur

Diğer

• useDeferredValue başlangıç değeri: useDeferredValue için başlangıç değeri seçeneği eklendi
• ref cleanup fonksiyonu: ref callback içinden cleanup fonksiyonu döndürülebilir
• Yeni Static API: prerender ve prerenderToNodeStream API'leri eklendi

[carnoxen]

Bu 19 sürümünde, tartışmalı olan <Suspense> davranışı yeniden tanımlandı. Daha önce bir bileşen Suspense olduğunda, bir sonraki Suspense bileşenine kadar render edilip ardından fallback oluşturuluyordu; şimdi ise bir bileşen Suspense olduğunda önce fallback oluşturulup sonra bir sonraki Suspense bileşeni render ediliyor.

Improvements to Suspense

Kısacası, ilk render süresinin azaltıldığını söyleyebiliriz. Sorunun iyi şekilde çözülmüş olması sevindirici.