React 19.3, View Transitions ve Fragment Refs özelliklerini kararlı hale getiriyor

Neler yayınlandı

React 19.3, 9 Eylül 2026'da npm üzerinde yayınlandı. Sürümle ilgili bir dev.to özetine göre bu sürüm bilinçli olarak tamamen yeni kavramlardan yoksun: asıl görevi, yaklaşık bir yıldır deneysel etiketi altında bekleyen iki özelliği — View Transitions ve Fragment Refs — kararlı hale getirmek ve bunları güvenlik, sunucu tarafında render ve olay işleme konularını kapsayan daha küçük, pratik düzeltmelerle eşleştirmek.

View Transitions kararlı hale geliyor

Manşet özellik, tarayıcının yerleşik view transition API'sini sarmalıyor; böylece arayüz değişiklikleri aniden belirmek yerine kayarak veya soldurarak gerçekleşebiliyor ve bunun için bir animasyon kütüphanesine ihtiyaç kalmıyor. Geliştiriciler JSX'i bir ViewTransition bileşenine sarıyor; çevresindeki güncelleme startTransition içinde çalıştığında React, öğe girerken, çıkarken, taşınırken veya yeniden boyutlanırken onu canlandırıyor.

dev.to'daki anlatım çeşitli davranışsal ayrıntıları öne çıkarıyor:

• Animasyon yalnızca bir transition içinde sarmalanan güncellemelere uygulanır — startTransition, bir Suspense açılımı veya useDeferredValue. Acil güncellemeler anlık kalır.
• addTransitionType, bir uygulamanın ileri ve geri eylemleri için farklı animasyonlar tanımlamasına izin verir; böylece bir carousel, hangi kontrole tıklandığına bağlı olarak doğru yönde kayabilir.
• Bileşen Suspense ile uyumlu çalışır: bir yükleme fallback'i ve gerçek içerik birlikte sarılabilir ve React, biri diğerine sert bir geçiş yapmak yerine ikisini birbirine dönüştürebilir.
• Destek şimdilik yalnızca DOM'u kapsıyor; React Native entegrasyonu hâlâ geliştiriliyor.

Fragment Refs

Ref'ler normalde tek bir DOM düğümüne çözümlenir; bu da geliştiricileri, bir bileşenin çıktısının tek bir üst öğesi olmadığı durumlarda işe yaramaz bir sarmalayıcı div eklemeye itiyordu — bu geçici çözüm sıklıkla düzeni bozuyordu. React 19.3, bir ref'in doğrudan bir Fragment'e eklenmesine izin veriyor ve kaynakta FragmentInstance handle olarak adlandırılan bir tanıtıcı döndürüyor. Bu tanıtıcı tüm grup boyunca event listener kaydedip kaldırabilir, odağı içeri ve dışarı taşıyabilir, öğeleri IntersectionObserver veya ResizeObserver ile gözlemleyebilir ve onları ölçebilir veya onlara kaydırabilir. Örneğin, alt öğeleri görünüm alanına kaydırıldığında bildirim yapan bir bileşen artık sarmalayıcı talep etmeden herhangi bir bileşenin — üçüncü taraf olanlar dahil — çıktısı üzerinde çalışabilir.

browser(), Trusted Types ve daha yalın server context

Üç API düzeyindeki değişiklik sürümü tamamlıyor:

• use(browser()) bir bileşeni yalnızca tarayıcıya özel olarak işaretler. Sunucuda en yakın Suspense boundary'yi tetikler; istemcide ise hiçbir şey yapmaz. dev.to yazısı bunu, genellikle localStorage veya cihaz saat dilimini okuyan bileşenler tarafından useEffect içinde kullanılan mounted-flag kalıbının tek satırlık bir alternatifi olarak sunuyor.
• Trusted Types desteği. Trusted Types, ham string'lerin innerHTML gibi tehlikeli hedeflere ulaşmasını engelleyen ve yaygın bir XSS vektörünü etkisiz kılan bir tarayıcı mekanizmasıdır. React daha önce değerleri DOM'a dokunmadan önce düz string'lere dönüştürüyordu; bu da bu tür politikalarla çakışıyordu; o davranış düzeltildi, böylece Trusted Types uygulayan siteler artık React ile uyumlu çalışıyor.
• Server Components artık bir Context'i doğrudan içe aktarıp render edebiliyor; tek amacı bir prop'u context'e aktarmak olan küçük istemci tarafı Provider bileşenini ortadan kaldırıyor.

Küçük düzeltmeler grubu

Sürüm ayrıca bağımsız transition'ların birbirinden ayrışmasını sağlayarak yavaş bir güncellemenin artık ilgisiz güncellemeleri bekletmemesini sağlıyor, onFullscreenChange ve onFullscreenError olaylarını ekliyor, bir Server Action formları sıfırladıktan sonra formların düzgün bir onReset olayı tetiklemesini sağlıyor ve odaklanma, hydration ve Suspense hata düzeltmelerinden oluşan uzun bir listeyi içeriyor.

Yükseltmelisiniz mi

dev.to özeti 19.3'ü bildirilen bir kırıcı değişikliği olmayan — çoğunlukla isteğe bağlı özellikler ve düzeltmeler içeren — küçük bir sürüm olarak nitelendiriyor; react ve react-dom'un standart bir npm yükseltmesiyle 19.3'e geçirilerek kurulabiliyor. Yeni kararlı API'leri kullanmayan ekipler günlük işleyişte bir fark fark etmeyecek, ancak bu yükseltme, View Transitions ve Fragment Refs'in artık deneysel bir uyarı eklenmeden production kodunda kullanılabileceği anlamına geliyor.

Neden önemli

Kararlı View Transitions, React uygulamalarına paketlenmiş bir animasyon kütüphanesi yerine yerleşik bir tarayıcı API'siyle desteklenen, cilalı ve gezinme tarzı hareketler kazandırıyor; animasyonun yalnızca transition'larla sınırlanması ise acil etkileşimleri duyarlı tutuyor. Fragment Refs, yalnızca bir ref'e ev sahipliği yapmak için var olan sarmalayıcı div gibi köklü bir yapısal hileyi ortadan kaldırıyor — bu, düzeye duyarlı ve erişilebilirlik odaklı bileşen çalışmaları için önemli. Trusted Types düzeltmesi ise sessiz bir güvenlik kazancı: katı içerik enjeksiyonu politikaları olan uygulamalar artık kendi framework'leriyle mücadele etmiyor. Bunların hiçbiri mevcut kodu kırmıyor, bu da 19.3'ü React 19 ailesinin en ucuz yükseltmelerinden biri yapıyor.